API tools faq
paste
Advertisement
purethought-s

Theme #11: Oceans

purethought-s
Apr 17th, 2013
1,554
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.98 KB | None | 0 0
raw download clone embed print report
  1. <!-- Ocean Theme by sleephy
  2. - pls don't steal this
  3. - your description looks better if it's only one line
  4.  
  5. /~ FIXED ON 21/09/13 ~/
  6. -->
  7. <head>
  8. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  9. </script>
  10. <script type="text/javascript">
  11. $(document).ready(function(){
  12. $(".desc").hide();
  13. $(".link").click(function(){
  14. $(this).next(".desc").slideToggle('fast');
  15. }); }); </script>
  16. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://static.tumblr.com/j1tjexd/uSOm6ujd1/totop-grey.png" height="35px"></a>
  17. <script type="text/javascript"
  18. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type="text/javascript"
  19. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  20. <script type="text/javascript">
  21. <!--
  22. document.writeln(" <a class=\"btn icon follow \" title=\"Theme Maker\" href=\"http://sleephy.tumblr.com/\" target=\"blank\" style=\"position:fixed;opacity:.3; \">Install Theme</a> ");
  23. document.writeln(" ");
  24. // -->
  25. </script>
  26. <script type="text/javascript"
  27. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  28.  
  29. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  30. <meta name="color:Background" content="#ffffff"/>
  31. <meta name="color:Text" content="#000000"/>
  32. <meta name="color:Title" content="#555555"/>
  33. <meta name="color:Link" content="#555555"/>
  34. <meta name="text:Link 1" content="/"/>
  35. <meta name="text:Link 1 Title" content="self"/>
  36. <meta name="text:Link 2" content="/" />
  37. <meta name="text:Link 2 Title" content="faq"/>
  38. <meta name="text:Link 3" content="/" />
  39. <meta name="text:Link 3 Title" content="links"/>
  40. <meta name="text:Link 4" content="/" />
  41. <meta name="text:Link 4 Title" content="blogroll"/>
  42. <meta name="color:Link Hover" content="#cccccc"/>
  43. <meta name="color:Scrollbar" content="#000000"/>
  44. <meta name="image:Background" content=""/>
  45. <meta name="text:Posts distance from top" content="55" />
  46.  
  47.  
  48.  
  49. <style type="text/css">
  50.  
  51. @font-face {font-family: "Clearly"; src:url('http://static.tumblr.com/0o02lya/Tx2mhbph4/princ___.ttf');}
  52.  
  53. ::-webkit-scrollbar {width: 4px; height: 4px; border-left:0px solid #ccc; background-color:{color:background};}
  54. ::-webkit-scrollbar-thumb {background: {color:scrollbar};}
  55.  
  56.  
  57. ::-webkit-scrollbar {width: 5px; height: 5px; background: #fff;}
  58.  
  59. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar};}
  60.  
  61. iframe#tumblr_controls {right:3px !important; position: fixed !important;bottom:5px !important;-webkit-transition: opacity 0.8s linear;opacity: .3;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  62.  
  63. iframe#tumblr_controls:hover{-webkit-transition:linear;opacity: .3;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  64.  
  65. #scrollToTop:link,#scrollToTop:visited {z-index:9999; color: transparent; background-color: transparent; display: none; position: fixed; bottom: 20px; right: 3px;}
  66.  
  67.  
  68. .wrapper{
  69. margin: 0px auto;
  70. width: 802px;
  71. }
  72.  
  73. .header{
  74. float: left;
  75. width: 100%;
  76. }
  77.  
  78. .left{
  79. float: left;
  80. margin-right: 20px;
  81. width: 802px;
  82. }
  83.  
  84. .right{
  85. float: right;
  86. width: 200px;
  87. background-color: {color:Background};
  88. }
  89.  
  90. body {
  91. margin: 0px;
  92. background-color:{color:background};
  93. background-image:url({image:Background});
  94. font-family:calibri;
  95. font-size:11px;
  96. color:{color:Text};
  97. background-attachment: fixed;
  98. background-repeat: repeat;
  99. background-position: center;
  100. }
  101.  
  102. a.btn{opacity 0.7s;position:absolute;z-index:999999999999;top:28px;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)}
  103. a.btn,a.btn:hover{color:white!important}
  104. .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}
  105. .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;white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); }.btn img{opacity 0.7s;width:15px;white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); }.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%}
  106.  
  107. /* SIDEBAR */
  108.  
  109. #sidebar {
  110. position:fixed;
  111. width:100%;
  112. background-color:{color:background};
  113. box-shadow: 12px 12px 12px {color:background};
  114. min-height:30px;
  115. z-index:1;
  116. padding:10px 10px;
  117. top:-5px;
  118. text-align:center;}
  119.  
  120.  
  121.  
  122. .image img{width:190px;}
  123. .image {padding:5px;position:fixed;margin-left:6px;margin-top:10px;}
  124.  
  125.  
  126.  
  127. .desc{text-align:justify;padding:5px;background:rgba(255,255, 255,.75);font-family:tiny;font-size:8px;text-transform:uppercase;width:94px;margin-left:50px;}
  128. links{
  129. padding:5px;
  130. text-align:right;
  131. width:auto;
  132. font-size:10px;
  133. opacity:1;
  134. margin:5px 10px;
  135. line-height:15px;
  136. font-family:calibri;
  137. letter-spacing:2px;
  138. text-transform:uppercase;
  139. -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  140.  
  141.  
  142.  
  143.  
  144.  
  145. .tit:hover{
  146. opacity:1;
  147. -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; }
  148.  
  149.  
  150. .links a:hover{
  151. opacity:1;
  152.  
  153. -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; }
  154.  
  155.  
  156. .link{
  157. display:block;
  158. color:#555;
  159. padding:2px;
  160. height:7px;
  161. z-index:1;
  162. font-size:8px;
  163. width:100px;
  164. margin:5px 50px;
  165. line-height:8px;
  166. font-family:Tiny;
  167. letter-spacing:1px;
  168. cursor:help;
  169. text-transform:uppercase;
  170. -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  171.  
  172. #pag a{color:#555;}
  173. #pag{`1
  174. font-family:calibri;
  175. letter-spacing:5px;
  176. text-transform:uppercase;
  177. -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  178.  
  179.  
  180. .supreme{text-align:right;margin-top:5px;font-size:12px;}
  181. .info{width:120px;overflow-y:auto;padding-bottom:15px;height:auto;display:inline;}
  182. .des{margin-top:30px;text-align:center;}
  183.  
  184.  
  185.  
  186.  
  187.  
  188. asker{
  189. margin-left:-4px;
  190. font-family:{font:Body Font};
  191. font-size:14px;
  192. line-height:20px;
  193. color: {color:link};
  194. text-transform:uppercase;
  195. letter-spacing:1px;
  196. border-bottom:1px solid #ddd;
  197. }
  198.  
  199.  
  200.  
  201. a:link, a:active, a:visited{
  202. color: {color:link};
  203. text-decoration: none;
  204. -webkit-transition: color 0.4s ease-out;
  205. -moz-transition: color 0.4s ease-out;
  206. }
  207.  
  208. a:hover{
  209. color:{color:link hover};
  210. -webkit-transition: color 0.4s ease-out;
  211. -moz-transition: color 0.4s ease-out;
  212. text-shadow:0px 0px 0px #414141;
  213. }
  214.  
  215. div#posts {
  216. width:900px;
  217. top: {text:Posts distance from top}px;
  218. margin-left:275px;
  219. float:center;
  220. {block:PermalinkPage}
  221. width:705px;
  222. height:auto;
  223. margin-top:53px;
  224. margin-left:340px;
  225. font-size: {text:Body Font Size}px;
  226. font-family:{Font:Body Font};
  227. text-align: center;
  228. {/block:PermalinkPage}
  229. }
  230.  
  231. .entry {
  232. margin:13px;
  233. padding:1px;
  234. float:center;
  235. overflow:hidden;
  236. {block:IndexPage}
  237. width:250px;
  238. opacity:.85;
  239. {/block:IndexPage}
  240. {block:PermalinkPage}
  241. width:700px;
  242. height:auto;
  243. text-align: center;
  244. opacity:1;
  245. {/block:PermalinkPage}
  246. -webkit-transition: 0.4s linear;
  247. -moz-transition: all 0.4s linear;
  248. transition: all 0.4s linear;
  249. }
  250.  
  251. .entry:hover{
  252. opacity:1;
  253. -webkit-transition: 0.4s linear;
  254. -moz-transition: all 0.4s linear;
  255. transition: all 0.4s linear;
  256.  
  257. }
  258.  
  259. .entry img{
  260. {block:IndexPage}max-width:100%;{/block:IndexPage}
  261.  
  262. {block:PermalinkPage}max-width:700px;
  263. {/block:PermalinkPage}
  264. }
  265.  
  266.  
  267. .perma{
  268. opacity:0;
  269. position:absolute;
  270. margin-top:15px;
  271. margin-left:15px;
  272. -webkit-transition: 0.4s linear;
  273. -moz-transition: all 0.4s linear;
  274. transition: all 0.4s linear; }
  275. .entry:hover .perma{
  276. opacity:1;
  277. margin-left:15px;
  278. -webkit-transition: 0.4s linear;
  279. -moz-transition: all 0.4s linear;
  280. transition: all 0.4s linear;
  281. }
  282.  
  283. .perma img{ border-radius:30px;
  284. }
  285.  
  286.  
  287. fart{
  288. letter-spacing:0px;
  289. }
  290.  
  291.  
  292.  
  293. .shark {
  294. text-decoration:none;
  295. text-transform:uppercase;
  296. text-align:center;
  297. letter-spacing:2px;
  298. margin-top: 8px;
  299. font-size: 8px;
  300. height:7px;
  301. opacity: .3;
  302. padding:3px;
  303. filter: alpha(opacity = 100);
  304. -moz-transition: all 0.4s;
  305. -webkit-transition: all 0.4s;
  306. -o-transition: all 0.4s;
  307. transition: all 0.4;
  308. {block:permalinkpage}
  309. display: none;
  310. {/block:permalinkpage}
  311. }
  312.  
  313. .shark a{text-decoration:none;}
  314.  
  315. .entry:hover .shark{
  316.  
  317. opacity: 1;
  318.  
  319. filter: alpha(opacity = 100);
  320. -moz-transition: all 0.4s;
  321. -webkit-transition: all 0.4s;
  322. -o-transition: all 0.4s;
  323. transition: all 0.4;}
  324.  
  325.  
  326. #infscr-loading{
  327. bottom: -70px;
  328. position: absolute;
  329. left: 50%;
  330. margin-left:-8px;
  331. width:16px;
  332. height:11px;
  333. overflow:hidden;
  334. margin-bottom: 50px;
  335. }
  336.  
  337. .title{
  338. text-transform: uppercase;
  339. font-weight: normal;
  340. font-size:16px;
  341. text-shadow: 0px 0px 0px #000;
  342. font-size:{text:Title Font Size}px;
  343. color:{color:Title};
  344. }
  345.  
  346. blockquote{
  347. padding:0px 0px 2px 5px;
  348. margin:0px 0px 2px 10px;
  349. border-left: 1px dotted #555555;
  350. }
  351.  
  352. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  353. .user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
  354. .user_9 .label {color:{color:text};}
  355. .notes img{width:10px; position:relative; top:3px;}
  356.  
  357.  
  358.  
  359. .postnotes{
  360. text-transform:uppercase;
  361. font-family: {font:Body Font};
  362. text-align:center;
  363. margin-top: 4px;
  364. font-size: {text:Body Font Size}px;
  365.  
  366. }
  367.  
  368.  
  369.  
  370.  
  371.  
  372. @font-face { font-family:caviardreams; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  373.  
  374. @font-face { font-family:little_snorlax; src: url('http://static.tumblr.com/2plu7ye/LVumeyqay/little_snorlax.ttf'); }
  375.  
  376. @font-face { font-family:amandarae; src: url('http://static.tumblr.com/2plu7ye/vVAmeyqc8/amandarae.ttf'); }
  377.  
  378. #credit{
  379. display:block;background-color:transparent;border:0px double #ddd;margin-top:18px;right:5px;position:fixed;font-family: consolas;
  380. font-size: 10px;padding:0px;text-transform:uppercase;opacity:1;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); z-index:1; padding-top:7px;
  381. }
  382.  
  383. #credit:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  384.  
  385.  
  386. ul#drawers {width: 200px; list-style: none; margin: 0 auto; padding: -10px; border-top: 0px; color: #000;}
  387.  
  388. ul#drawers a {text-decoration: none; color: #000;}
  389.  
  390. ul#drawers li h4 {margin: 0; padding: 1px; text-align: right; background-color: #363835; background: rgba(255, 255, 255, 0.0); -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out;
  391. transition: background-color 0.5s ease-out;}
  392.  
  393. h4.small {display: table-cell; width: 200px; margin: 0px; height: 0px;}
  394.  
  395. li.drawer h4.open { border-top: 0px;font-style: italic;
  396. }
  397.  
  398. li.drawer div {padding: 2px; margin: 0px; line-height: 12px; background-color: #363835; background: rgba(255, 255, 255, 0.0);}
  399.  
  400. li.drawer div li {list-style-type: disc;}
  401.  
  402. li.drawer div ul {-webkit-padding-start: 12px;}
  403. @font-face {font-family: "Tiny";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  404.  
  405. #s-m-t-tooltip{
  406. max-width:200px;
  407. padding:5px;
  408. margin:26px 0px 0px 8px;
  409. z-index:10;
  410. color:gray;
  411. background:white;
  412. height:auto;
  413. font-size:8px;
  414.  
  415.  
  416. letter-spacing:1px;
  417. text-transform:uppercase;
  418. -moz-box-shadow: 2px 2px 2px #888;
  419. -webkit-box-shadow: 2px 2px 2px #888;
  420. box-shadow: 2px 2px 2px #888;
  421. }
  422.  
  423.  
  424. {CustomCSS}
  425.  
  426. </style>
  427.  
  428. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  429. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  430. <script>
  431. (function($){
  432. $(document).ready(function(){
  433. $("a[title]").style_my_tooltips({
  434. tip_follows_cursor:true,
  435. tip_delay_time:10,
  436. tip_fade_speed:400,
  437. attribute:"title"
  438. });
  439. });
  440. })(jQuery);
  441. </script>
  442. {block:IndexPage}
  443. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  444. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  445.  
  446. <script type="text/javascript">
  447. $(window).load(function () {
  448. var $content = $('#posts');
  449. $content.masonry({itemSelector: '.entry'}),
  450. $content.infinitescroll({
  451. navSelector : 'div#pagination',
  452. nextSelector : 'div#pagination a#nextPage',
  453. itemSelector : '.entry',
  454. loading: {
  455. finishedMsg: '',
  456. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  457. },
  458. bufferPx : 600,
  459. debug : false,
  460. },
  461. // call masonry as a callback.
  462. function( newElements ) {
  463. var $newElems = $( newElements );
  464. $newElems.hide();
  465. // ensure that images load before adding to masonry layout
  466. $newElems.imagesLoaded(function(){
  467. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(350);} );
  468.  
  469.  
  470. });
  471. });
  472. });
  473. </script>
  474.  
  475. {/block:IndexPage}
  476.  
  477. <title>{title}</title>
  478.  
  479. <link rel="shortcut icon" href="{Favicon}">
  480. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  481. <meta name="viewport" content="width=820" />
  482.  
  483. <script language=JavaScript>
  484. <!--//Disable right mouse click Script//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive//For full source code, visit http://www.dynamicdrive.com
  485. var message="";
  486. ///////////////////////////////////function clickIE4(){if (event.button==2){alert(message);return false;}}
  487. function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2|e.which==3){alert(message);return false;}}}
  488. if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
  489. document.oncontextmenu=new Function("return false")
  490. // --></script>
  491.  
  492. </head>
  493. <body>
  494.  
  495.  
  496.  
  497. <div id="sidebar"><center>
  498.  
  499.  
  500.  
  501.  
  502. <links><a href="/">{title}</a> +
  503. <a title="{asklabel}" href="/ask">ask</a>
  504. {block:ifLink1}
  505. / <a title="{text:Link 1 Title}" href="{text:Link 1}">{text:Link 1 Title}</a>
  506. {/block:ifLink1}{block:ifLink2}
  507. / <a title="{text:Link 2 Title}" href="{text:Link 2}">{text:Link 2 Title}</a>
  508. {/block:ifLink2}{block:ifLink3}
  509. / <a title="{text:Link 3 Title}" href="{text:Link 3}">{text:Link 3 Title}</a>
  510. {/block:ifLink3}{block:ifLink4}
  511. / <a title="{text:Link 4 Title}" href="{text:Link 4}">{text:Link 4 Title}</a>
  512. {/block:ifLink4} / <a title="credit" href="http://sleephy.tumblr.com">© </a><br>{Description}</links></div></center>
  513.  
  514.  
  515.  
  516. <div id="posts">
  517.  
  518. {block:Posts}
  519. <div class="entry">
  520.  
  521.  
  522. {block:Text}
  523. <div id="padding">
  524. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</div></span>
  525. {block:IndexPage}
  526. <div class="shark"><a title="note count" href="{Permalink}">{NoteCountwithlabel}</a> &middot; <a title="share this post" href="{reblogurl}">share</a> </div>{/block:IndexPage}{/block:Text}
  527.  
  528. {block:Link}
  529. <div id="padding">
  530. <a href="{URL}" class="title">{Name}</a>
  531. {block:Description}{Description}{/block:Description}
  532. </div>
  533. {block:IndexPage}
  534. <div class="shark"><a title="note count" href="{Permalink}">{NoteCountwithlabel}</a> &middot; <a title="share this post" href="{reblogurl}">share</a> </div>{/block:IndexPage}{/block:Link}
  535.  
  536. {block:Photo}
  537. {block:IndexPage}
  538. <div class="perma"><a href="{reblogURL}" title="share post"><img style="height:30px;" src="http://static.tumblr.com/j1tjexd/nGmmam5hg/reblog.png"></a></div>
  539. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>{LinkCloseTag}{/block:IndexPage}
  540. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><center><div id="padding"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="700px"/></center></div></a>{LinkCloseTag}{/block:PermalinkPage}
  541. {/block:Photo}
  542.  
  543. {block:Photoset}
  544. {block:IndexPage}
  545. <div class="perma"><a href="{reblogURL}" title="share post"><img src="http://static.tumblr.com/j1tjexd/nGmmam5hg/reblog.png"></a></div>
  546. {block:Photos}
  547. <img src="{PhotoURL-500}"
  548. width="100%" />
  549. {/block:Photos}</center>
  550. {/block:IndexPage}
  551. {block:PermalinkPage}
  552. <center>
  553. {Photoset-700}</center>
  554. {/block:PermalinkPage}
  555. {/block:Photoset}
  556.  
  557. {block:Quote}
  558. <div id="padding">{Quote}</span>
  559. {block:Source}<strong>{Source}</strong></div>{/block:Source}
  560. {block:IndexPage}
  561. <div class="shark"><a title="note count" href="{Permalink}">{NoteCountwithlabel}</a> &middot; <a title="share this post" href="{reblogurl}">share</a> </div>{/block:IndexPage}{/block:Quote}
  562.  
  563. {block:Chat}
  564. <div id="padding">
  565. {block:Title}<span class="title">{Title}</span>{/block:Title}
  566. <ul class="chat">
  567. {block:Lines}
  568. <li class="user_{UserNumber}">
  569. {block:Label}
  570. <span class="label">{Label}</span>
  571. {/block:Label}
  572. {Line}
  573. </li>
  574. {/block:Lines}
  575. </ul>
  576. </div>
  577. {block:IndexPage}
  578. <div class="shark"><a title="note count" href="{Permalink}">{NoteCountwithlabel}</a> &middot; <a title="share this post" href="{reblogurl}">share</a> </div>{/block:IndexPage}{/block:Chat}
  579.  
  580. {block:Audio}
  581. {AudioPlayerwhite}
  582.  
  583. {block:IndexPage}
  584. <div class="shark"><a title="note count" href="{Permalink}">{NoteCountwithlabel}</a> &middot; <a title="share this post" href="{reblogurl}">share</a> </div>{/block:IndexPage}{/block:Audio}
  585.  
  586. {block:Video}
  587. {block:IndexPage}
  588. <center>
  589. {Video-400}</center>
  590. {/block:IndexPage}
  591. {block:PermalinkPage}
  592. <center>
  593. {Video-700}</center>
  594. {/block:PermalinkPage}
  595. {block:IndexPage}
  596. <div class="shark"><a title="note count" href="{Permalink}">{NoteCountwithlabel}</a> &middot; <a title="share this post" href="{reblogurl}">share</a> </div>{/block:IndexPage}
  597. {/block:Video}
  598.  
  599. {block:Answer}
  600. <div style="margin-left: 3px; margin-top: 2px; min-height:32px; padding: 5px; background:white; border-bottom:1px solid #ddd; width:325px;">
  601.  
  602. <img src="{AskerPortraitURL-30}" width="30" align="left"
  603. style="margin-right:4px; margin-left:-3px; margin-top:-3px; border:1px solid #ddd; border-radius:2px; padding:2px;"/>
  604.  
  605. <asker>&nbsp;{Asker}:<br></asker>
  606. {Question}</div>
  607. <center>{Answer}</center>
  608. {block:IndexPage}
  609. <div class="shark"><a title="note count" href="{Permalink}">{NoteCountwithlabel}</a> &middot; {timeago} </div>{/block:IndexPage}
  610. {/block:Answer}
  611.  
  612.  
  613.  
  614.  
  615.  
  616. {block:PermalinkPage}
  617. <div class="horse">
  618. {block:PostNotes}<div align="left">{caption}</div>
  619. <center>
  620.  
  621. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  622.  
  623. {block:HasTags}
  624. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  625. {block:RebloggedFrom}
  626. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  627. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  628.  
  629. {/block:RebloggedFrom}
  630. </center></span>
  631. <br>
  632. <div id="postnotes">{PostNotes}</div><br>
  633.  
  634. <center>{block:ContentSource}
  635. <br><a href="{SourceURL}">
  636. {lang:Source}:
  637. {block:SourceLogo}
  638. <img src="{BlackLogoURL}" width="{LogoWidth}"
  639. height="{LogoHeight}" alt="{SourceTitle}" />
  640. {/block:SourceLogo}
  641. {block:NoSourceLogo}
  642. {SourceLink}
  643. {/block:NoSourceLogo}
  644. </a>
  645. {/block:ContentSource}</center>
  646.  
  647. {/block:PostNotes}
  648.  
  649. </div>
  650.  
  651. {/block:PermalinkPage}
  652.  
  653.  
  654.  
  655. </div>
  656.  
  657.  
  658. {/block:Posts}
  659. </div>
  660. </div>
  661. {block:IndexPage}
  662. {block:Pagination}
  663. <div id="pagination">
  664. {block:NextPage}
  665. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  666. {/block:NextPage}
  667. {block:PreviousPage}
  668. <a href="{PreviousPage}">&larr;&nbsp;</a>
  669. {/block:PreviousPage}
  670. </div>
  671. {/block:Pagination}
  672. {/block:IndexPage}
  673. </div>
  674. </div>
  675.  
  676.  
  677. <BODY onselectstart="return false;" ondragstart="return false;">
  678. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/aK8m1cpdr/like2.js"></script>
  679. <iframe id="likeiframe" style="width: 0px; height: 0px; border:0px;"></iframe>
  680. <span id="scriptsinsert"> </span>
  681.  
  682.  
  683. </body>
  684.  
  685.  
  686. </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!