API tools faq
paste
Advertisement
oreidarua

Theme 23 ( fotos )

oreidarua
Jun 2nd, 2013
819
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 25.17 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <!-----------------------------------------------------------------------
  4. _______     _____    _____   __    ____            _____    _   _   _____
  5. |      |   |  _  \  |   __| |  |  |   \    /\     |  _  \  | | | | |     |
  6. |   _  |   | |_|  ) |  |__  |  |  | |\ \  /  \    | |_|  ) | | | | |  _  |
  7. |  | | | - |     /  |  ___| |  | -| |/ / / /\ \ - |     /  | | | | | |_| |
  8. |  |_| |   |  /\ \  |  |__  |  |  |   / / ____ \  |  /\ \  | |_| | | / \ |
  9. |______|   |__| \_\ |_____| |__|  |__/ /_/    \_\ |__| \_\ |_____| |_| |_|
  10.                                                  
  11. ------------------------------------------------------------------------->
  12. <html xmlns="http://www.w3.org/1999/xhtml">
  13. <head>
  14.  
  15. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  16. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21. <meta name="text:frase" content="/" />
  22.  
  23. <meta name="text:Link1" content="/" />
  24. <meta name="text:Link1 Title" content="link1" />
  25. <meta name="text:Link2" content="/" />
  26. <meta name="text:Link2 Title" content="link2" />
  27. <meta name="text:Link3" content="/" />
  28. <meta name="text:Link3 Title" content="link3" />
  29. <meta name="text:Link4" content="/" />
  30. <meta name="text:Link4 Title" content="link4" />
  31. <meta name="text:Link5" content="/" />
  32. <meta name="text:Link5 Title" content="link5" />
  33.  
  34. <meta name="if:Show Submit Link" content="1"/>
  35. <meta name="if:Show Title" content="1"/>
  36. <meta name="if:Animation" content="1"/>
  37. <meta name="if:To Top Button" content="1"/>
  38. <meta name="if:Infinite Scroll" content="1"/>
  39.  
  40. <meta name="image:Background" content=""/>
  41. <meta name="image:sidebar" content="http://images.xpock.com.br/201107/bob-marley/Bob+Marley+bob.jpg"/>
  42.  
  43.  
  44. <meta name="color:background" content="#ffffff" />
  45. <meta name="color:backgroundpost" content="#ffffff" />
  46. <meta name="color:borda" content="#eee" />
  47. <meta name="color:text" content="#000000" />
  48. <meta name="color:link" content="#000000" />
  49. <meta name="color:sombradaside" content="#eee" />
  50. <meta name="color:caixasidebar" content="#ffffff" />
  51. <meta name="color:linkside" content="#000000" />
  52. <meta name="color:linksidehover" content="#f0f0f0" />
  53. <meta name="color:hoverlink" content="#000000" />
  54. <meta name="color:titulo" content="#000000" />
  55. <meta name="color:descrip" content="#000000" />
  56. <meta name="color:sombradaside" content="#eee" />
  57.  
  58. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  59. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/2V1m9r58l/reset.css">
  60. <script type="text/javascript" src="http://static.tumblr.com/wq33yno/UKymk6wlf/o-rei-da-rua.js"></script>
  61. <style type="text/css">
  62. body {
  63.     color: {color:text};background: {color:background} url({image:Background});
  64.     font-family: default;
  65.     font-size: 10px;
  66.     line-height: 1.5em;
  67. }
  68. p {margin:0 0 .75em 0} p:last-child {margin:0}
  69. a {
  70.     color: {color:link};
  71.     text-decoration:none;
  72. {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}
  73. a:hover {color: {color:hoverlink}; }
  74. blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
  75.     line-height: 100%;border-left: solid 4px #EDEDED;
  76. }
  77. h1 {
  78.     font-family: default;
  79.     font-size: 24px;
  80.     line-height: 1.5em;font-weight: normal;
  81. }
  82. ul {
  83.     margin: 0px 1.5em .75em;}
  84. li {
  85.     margin: .75em 0;
  86.     list-style-type: square;
  87. }
  88. .box img {
  89.     display: block;
  90.     max-width: 100%;
  91.     }.m-i {
  92. display: block;
  93. line-height: 1px!important;
  94. }
  95.     .menu-picture {
  96.         line-height: 100%;
  97. display: inline-block;
  98. line-height: 0px!important;
  99. }
  100. .post-link{
  101.     font-family: default;
  102.     font-size: 8px;
  103.     line-height: 8px;
  104. }p.source{text-align: center;}
  105. .menu-picture {
  106.     line-height: 100%;display: inline-block;
  107. }p.source{text-align: center;}
  108. h3 {
  109.     font-size: 14px; font-weight: normal;
  110. }.tagged { text-align: center; line-height: 8px;font-size: 8px;}
  111. .text { padding: 5px;}p.question {
  112.     margin-bottom: .375em;
  113. }
  114. p.words {
  115.     padding: 6px;
  116.     line-height: 1.5em;
  117.     color: #2e2d2d;
  118.     background: #f0f0f0;
  119. }
  120. .response {
  121.     background: #efefef;
  122.     padding: 5px;
  123.     margin-bottom: .75em;
  124. }.answer {
  125. text-align: center;
  126. }
  127. .post {
  128.     padding:6px; overflow: hidden; margin:1px;  background:{color:backgroundpost}; {block:indexpage}width:265px; border:1px solid {color:borda};{/block:indexpage}{block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  129. }.box {position: relative;}
  130.  
  131. #side {
  132. text-align: center;
  133.     margin-top: 50px;
  134.     width:158px;
  135.     margin-left:-100px;
  136.     padding:0px;position: fixed;
  137.     background: transparent
  138. }#side img {
  139.     max-width: 100%;
  140. }ul {margin-bottom: .75em;}
  141. #contain {
  142.     width:873px;
  143.     margin: 1px auto 0;
  144. }
  145. #content {
  146. {block:indexpage} margin-top:5px;   width:636px;
  147.     margin-left:320px; {/block:indexpage}
  148. {block:PermalinkPage}margin-left:380px; width:500px;{/block:PermalinkPage}}
  149.  
  150. #siderei {position:fixed; margin-top:100px; margin-left:0px; background-color:{color:background}; border-radius: 15px; -webkit-transition: all 1s ease-in-out;}
  151.  
  152. #siderei:hover {-webkit-transition: all 1s ease-in-out;
  153. -moz-box-shadow: 1px 1px 20px {color:sombradaside};
  154. -webkit-box-shadow: 1px 1px 20px {color:sombradaside};
  155. box-shadow: 1px 1px 20px {color:sombradaside};}
  156.  
  157. #siderei img {height:250px; width:189px; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 1s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -webkit-filter: grayscale(0);  }
  158. #siderei img:hover{
  159. -webkit-filter:grayscale(1);
  160. }
  161. #siderei:hover .links {opacity:0.7; margin-top:-25px; font-size:14px}
  162.  
  163. /* Links por o-rei-da-rua */
  164.  
  165. .links {width:183px; opacity:0; margin-top:0px; padding:3px; position: fixed; margin-left:1px; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 1s ease-in-out; -webkit-transition: all 0.4s ease-in-out; text-align:center; z-index:150; background-color:{color:caixasidebar} }
  166.  
  167. .linka {text-transform:lowercase; text-align:center; color:{color:linkside}; font-family:calibri; opacity:1; text-transform:uppercase; font-size:10px; text-decoration:none;}
  168.  
  169. .linka:hover {text-transform:lowercase; text-align:center; text-shadow:0px 0px 10px; color:{color:linksidehover}; font-family:calibri; text-transform:uppercase; font-size:14px; text-decoration:none; }
  170.  
  171.  
  172. /*** titulo e descrição ***/
  173.  
  174.  #titulo{position:fixed; width: 192px; top:0px; height: 55px; text-align: center;color: {color:titulo}; font-family:Megrim; font-size:16px; text-align:center; text-transform:uppercase;z-index: 3;text-shadow: -1px  -1px  #E86060, 1px 2px #54d2cb; transition: all .5s ease-in-out!important; -webkit-transition: all .5s ease-in-out!important; line-height: 13px; margin-top: 120px; margin-left:-5px; overflow:hidden; padding: 6px; }
  175.   #titulo:hover{text-shadow: 0px  0px, 0px 0px; transition: all .5s ease-in-out!important; -webkit-transition: all .5s ease-in-out!important; font-size:18px;}
  176.    
  177. #descrip { position:fixed; width:171px; font-size:11px; top:350px; left:-67px; height:auto; background: #eee; margin:5px 0px 5px 66px;padding:10px;position: relative;-webkit-border-top-right-radius: 50px;
  178. -webkit-border-bottom-right-radius: 50px;
  179. -webkit-border-bottom-left-radius: 150px;
  180. -moz-border-radius-topright: 50px;
  181. -moz-border-radius-bottomright: 50px;
  182. -moz-border-radius-bottomleft: 150px;
  183. border-top-right-radius: 50px;
  184. border-bottom-right-radius: 50px;
  185. border-bottom-left-radius: 150px;text-align: center; color:{color:descrip} transition: all .5s ease-in-out!important; -webkit-transition: all .5s ease-in-out!important;  {color:descrip};}
  186.  
  187.    
  188.    
  189. #infscr-loading{position:absolute!important;width:16px!important;height:11px!important;margin-bottom:-16px!important;top:auto!important;bottom:0;left:50%!important}.post-header-a{z-index:10;bottom:-5px;right:5px;position:absolute;display:block;opacity:0;filter:alpha(opacity = 0);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}.post:hover .post-header-a{bottom:10px; opacity:1;filter:alpha(opacity = 100)  }.reblog-button:hover,.like-button:hover,.note-perma:hover{opacity:1!important;filter:alpha(opacity = 100)!important}.reblog-button{margin-left:3px;float:left;z-index:3333;display:inline-block;width:24px; height:20px;background:url('http://static.tumblr.com/tpqedpr/3n8m9zvjl/radar_sprite.png') -1864px 0 no-repeat;text-indent:-999em;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;opacity:.75;filter:alpha(opacity = 75)}.like-button{float:left;z-index:3333;display:inline-block;right:10px;width:21px;background-position:-1898px 0;background:url('http://static.tumblr.com/tpqedpr/3n8m9zvjl/radar_sprite.png') -1898px 0 no-repeat;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;opacity:.75;filter:alpha(opacity = 75)}.note-perma{float:left;z-index:3333;font-weight:bold;display:inline-block;margin-left:3px;color:#fff;background:#000;background:url('http://static.tumblr.com/tpqedpr/dLim9uidw/bg.png');padding:0 5px;font:11px/20px arial,sans-serif;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);-moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);box-shadow:inset 0 0 1px rgba(0,0,0,0.5);opacity:.75;filter:alpha(opacity = 75)}a.note-perma,a.note-perma:hover{color:white;font-weight:bold}.post-right { float: left; text-transform: uppercase; } .post-left { float: right;  text-transform: uppercase;}p.menu-m {margin: .375em;} .menu-link {margin: 0 3px;}.shadow-wrap { width: 100%; margin-left: -0px; position: absolute; bottom: -12px; height: 12px;}.box iframe {
  190.     max-width: 100%;
  191. }.text img {max-width: 100%;}img {display: block;}.box img {display: block;}
  192. .post-info-data{text-align:center}.notes img{display:block;float:left;margin-right:.75em}ol.notes li{margin:.375em 0;list-style-type:none;line-height:16px}
  193.  
  194. #toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:21px;height:21px;border:0;text-indent:100%;background:url(http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png) no-repeat left top;opacity:.5;filter:alpha(opacity = 50);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTopHover{width:21px;height:21px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTop:hover{opacity:1;filter:alpha(opacity = 100)}#toTop:active,#toTop:focus{outline:0}
  195.  
  196. a.btn{position:absolute;z-index:999999;top:26px;right:3px;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: none;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
  197.  
  198.  
  199.  
  200.  
  201.  
  202. /*** ask ***/
  203. .bubble {align:right;background: #eee; margin:5px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  204. .bubble p {margin:1px 0px;}
  205. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  206. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  207.  
  208.  
  209. </style></head>
  210. <body>
  211.  
  212. <div id="contain" class="clearfix">
  213. <div id="side">
  214. <div id="siderei">
  215. <img src="{image:sidebar}">
  216. <div class="links">
  217. <a href="{text:Link1}" class="linka">{text:Link1 Title}</a>
  218. <a href="{text:Link2}" class="linka">{text:Link2 Title}</a>
  219. <a href="{text:Link3}" class="linka">{text:Link3 Title}</a>
  220. <a href="{text:Link4}" class="linka">{text:Link4 Title}</a>
  221. <a href="{text:Link5}" class="linka">{text:Link5 Title}</a>
  222. <a href="{text:Link6}" class="linka">{text:Link6 Title}</a>
  223. </div>
  224.  
  225. </div>
  226.  
  227. <div id="titulo">{text:frase}</div>
  228. <div id="descrip">{description}</div>
  229.  
  230. </div>
  231. </div>
  232.  
  233.  
  234. <div id="content">
  235. {block:Posts}
  236. <div class="post">
  237.  
  238. {block:Text}
  239. <div class="text">
  240. {block:Title}<h3>{Title}</h3>{/block:Title}
  241. {Body}
  242. <!-- permalink --> {block:IndexPage}
  243. <div class="post-header-a">
  244. <a class="like-button" id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  245. <a class="reblog-button" href="{reblogurl}" target="_blank"></a>
  246. <a class="note-perma" id="notes{PostID}" href="{Permalink}">{NoteCount}</a>
  247. </div>
  248. <!-- /permalink --> {/block:IndexPage}
  249. </div>
  250. {/block:Text}
  251.    
  252. {block:Quote}
  253. <div class="text quote">
  254. <p class="words">&#8220;{Quote}&#8221;</p>
  255. {block:Source}<p class="source">- {Source}</p>{/block:Source}
  256. <!-- permalink --> {block:IndexPage}
  257. <div class="post-header-a">
  258. <a class="like-button" id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  259. <a class="reblog-button" href="{reblogurl}" target="_blank"></a>
  260. <a class="note-perma" id="notes{PostID}" href="{Permalink}">{NoteCount}</a>
  261. </div>
  262. <!-- /permalink --> {/block:IndexPage}
  263. </div>
  264. {/block:Quote}
  265.  
  266. {block:Link}
  267. <div class="text link">        
  268. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  269. {block:Description}{Description}{/block:Description}
  270. <!-- permalink --> {block:IndexPage}
  271. <div class="post-header-a">
  272. <a class="like-button" id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  273. <a class="reblog-button" href="{reblogurl}" target="_blank"></a>
  274. <a class="note-perma" id="notes{PostID}" href="{Permalink}">{NoteCount}</a>
  275. </div>
  276. <!-- /permalink --> {/block:IndexPage}
  277. </div>
  278. {/block:Link}
  279.  
  280. {block:Chat}
  281. <div class="text chat">
  282. <ul class="conversation">
  283. {block:Lines}
  284. <li class="line {Alt}">
  285. {block:Label}<span class="person">{Label}</span>{/block:Label}
  286. <span class="person-said">{Line}</span>
  287. </li>
  288. {/block:Lines}
  289. </ul>
  290. <!-- permalink --> {block:IndexPage}
  291. <div class="post-header-a">
  292. <a class="like-button" id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  293. <a class="reblog-button" href="{reblogurl}" target="_blank"></a>
  294. <a class="note-perma" id="notes{PostID}" href="{Permalink}">{NoteCount}</a>
  295. </div>
  296. <!-- /permalink --> {/block:IndexPage}
  297. </div>
  298. {/block:Chat}
  299.  
  300. {block:Audio}
  301. <div class="text audio">
  302. <p>{AudioPlayerBlack}</p>
  303. {block:IndexPage}{block:IfShowCaptions}
  304. {block:Caption}{Caption}{/block:Caption}
  305. {/block:IfShowCaptions}{/block:IndexPage}
  306. <!-- permalink --> {block:IndexPage}
  307. <div class="post-header-a">
  308. <a class="like-button" id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  309. <a class="reblog-button" href="{reblogurl}" target="_blank"></a>
  310. <a class="note-perma" id="notes{PostID}" href="{Permalink}">{NoteCount}</a>
  311. </div>
  312. <!-- /permalink --> {/block:IndexPage}
  313. </div>
  314. {/block:Audio}
  315.  
  316. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker} <b>disse:</b> {Question}&nbsp;</div>{Answer}{/block:Answer}
  317.  
  318.  
  319. {block:Photoset}
  320. <div class="photoset">
  321. <div class="box">
  322. <!-- permalink --> {block:IndexPage}
  323. <div class="post-header-a">
  324. <a class="like-button" id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  325. <a class="reblog-button" href="{reblogurl}" target="_blank"></a>
  326. <a class="note-perma" id="notes{PostID}" href="{Permalink}">{NoteCount}</a>
  327. </div>
  328. <!-- /permalink --> {/block:IndexPage}
  329. {block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}
  330. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  331. </div>
  332. {block:IndexPage}{block:IfShowCaptions}
  333. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  334. {/block:IfShowCaptions}{/block:IndexPage}
  335. </div>
  336. {/block:Photoset}
  337.  
  338. {block:Video}
  339. <div class="video">
  340. <div class="box">
  341. <!-- permalink --> {block:IndexPage}
  342. <div class="post-header-a">
  343. <a class="like-button" id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  344. <a class="reblog-button" href="{reblogurl}" target="_blank"></a>
  345. <a class="note-perma" id="notes{PostID}" href="{Permalink}">{NoteCount}</a>
  346. </div>
  347. <!-- /permalink --> {/block:IndexPage}
  348. {block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}
  349. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  350. </div>
  351. {block:IndexPage}{block:IfShowCaptions}
  352. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  353. {/block:IfShowCaptions}{/block:IndexPage}
  354. </div>
  355. {/block:Video}
  356.    
  357. {block:Photo}
  358. <div class="photo">
  359. <div class="box">
  360. <!-- permalink --> {block:IndexPage}
  361. <div class="post-header-a">
  362. <a class="like-button" id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  363. <a class="reblog-button" href="{reblogurl}" target="_blank"></a>
  364. <a class="note-perma" id="notes{PostID}" href="{Permalink}">{NoteCount}</a>
  365. </div>
  366. <!-- /permalink --> {/block:IndexPage}
  367. {block:IndexPage}
  368. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  369. {/block:IndexPage}
  370. {block:PermalinkPage}
  371. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  372. {/block:PermalinkPage}
  373. </div>
  374. {block:IndexPage}{block:IfShowCaptions}
  375. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  376. {/block:IfShowCaptions}{/block:IndexPage}
  377. </div>
  378. {/block:Photo}
  379.  
  380. {block:IfShowTags}{block:IndexPage}{block:HasTags}
  381. <div class="tagged"><p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  382. {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  383.  
  384. {block:PermalinkPage}
  385. <div id="post-info" class="text">
  386. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  387. {block:HasTags}
  388. <p class="tagged">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  389. {/block:HasTags}
  390. <p class="post-info-data">
  391. {block:Date}{12Hour}:{Minutes}:{Seconds} @ {MonthNumber}/{DayOfMonth}/{Year}<br/>{/block:Date}
  392. {block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
  393. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  394. {block:PostNotes}
  395. {PostNotes}
  396. {/block:PostNotes}
  397. </div>
  398. {/block:PermalinkPage}
  399. <div class="shadow-wrap"><img style="width:100%;" src="http://static.tumblr.com/tpqedpr/lEHmd7gyn/2.png"></div>
  400. </div> <!-- end single post -->
  401. {block:ContentSource}
  402. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  403. {/block:ContentSource}
  404. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  405. {/block:Posts}    
  406. </div> <!-- end content -->
  407. <div class="loading"></div>
  408. </div> <!-- end containing div -->
  409. {block:IfInfiniteScroll}
  410. {block:Pagination}<ul id="pagination">
  411. {block:PreviousPage}
  412. <li><a href="{PreviousPage}"></a></li>
  413. {/block:PreviousPage}
  414. {block:JumpPagination length="5"}
  415. {block:CurrentPage}
  416. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  417. {/block:CurrentPage}
  418. {block:JumpPage}
  419. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  420. {/block:JumpPage}
  421. {/block:JumpPagination}
  422. {block:NextPage}
  423. <li><a id="nextPage" href="{NextPage}"></a></li>
  424. {/block:NextPage}
  425. </ul>{/block:Pagination}
  426. {/block:IfInfiniteScroll}
  427. {block:IndexPage}
  428. <script type="text/javascript">
  429. $(window).load(function () {
  430. $('#content').masonry(),
  431. $('.masonryWrap').infinitescroll({
  432. navSelector    : '#pagination',  
  433. nextSelector   : '#pagination a#nextPage',
  434. itemSelector : ".post, .loading",
  435. bufferPx : 40,
  436. loadingImg : "http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif",
  437. loadingText : "<em></em>",
  438. },
  439. function() { $('#content').masonry({ appendedContent: $(this) }); }
  440. );
  441. });
  442. </script>
  443. {/block:IndexPage}
  444. {block:IfToTopButton}
  445. <script type="text/javascript">
  446.         $(document).ready(function() {
  447.                 /*
  448.                         var defaults = {
  449.                                 containerID: 'toTop', // fading element id
  450.                                 containerHoverID: 'toTopHover', // fading element hover id
  451.                                 scrollSpeed: 1200,
  452.                                 easingType: 'linear'
  453.                         };
  454.                         */
  455.                        
  456.                         $().UItoTop({ easingType: 'easeOutQuart' });
  457.                        
  458.                 });
  459. </script>
  460. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  461. {/block:IfToTopButton}
  462. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/UYAm6i0bc/like.js"></script>
  463. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  464.  
  465. <div style="background:#f0f0f0; font-family:tahoma; font-size:10px; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 3px;position:fixed;z-index:1338; warning;bottom:43px;left:10px; padding: 2px;  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;  opacity: .65;"><a href="http://gangster-soul.tumblr.com" title="theme by gangster-soul"><B>THEME ®</b></a></div>
  466.  
  467.  
  468.  
  469.  
  470. <!-----------------------------------------------------------------------
  471. _______     _____    _____   __    ____            _____    _   _   _____
  472. |      |   |  _  \  |   __| |  |  |   \    /\     |  _  \  | | | | |     |
  473. |   _  |   | |_|  ) |  |__  |  |  | |\ \  /  \    | |_|  ) | | | | |  _  |
  474. |  | | | - |     /  |  ___| |  | -| |/ / / /\ \ - |     /  | | | | | |_| |
  475. |  |_| |   |  /\ \  |  |__  |  |  |   / / ____ \  |  /\ \  | |_| | | / \ |
  476. |______|   |__| \_\ |_____| |__|  |__/ /_/    \_\ |__| \_\ |_____| |_| |_|
  477.                                                  
  478. ------------------------------------------------------------------------->
  479. </body></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!