Advertisement
Seedfawn

Theme 5

Apr 26th, 2015
2,445
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.30 KB | None | 0 0
  1. <!-- THIS THEME WAS MADE BY SEEDFAWN. PLEASE KEEP THE CREDIT AND HAVE A NICE DAY!-->
  2.  
  3. <html lang="en">
  4. <script type="text/javascript">
  5. <!--
  6.  
  7. // Disable Right Click Script
  8.  
  9. function IE(e)
  10. {
  11. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  12. {
  13. return false;
  14. }
  15. }
  16. function NS(e)
  17. {
  18. if (document.layers || (document.getElementById && !document.all))
  19. {
  20. if (e.which == "2" || e.which == "3")
  21. {
  22. return false;
  23. }
  24. }
  25. }
  26. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  27.  
  28. //-->
  29. </script>
  30.  
  31. <!--S-M-T Tooltip-->
  32. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  33. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  34. <script>
  35. (function($){
  36. $(document).ready(function(){
  37. $("[title]").style_my_tooltips();
  38. });
  39. })(jQuery);
  40. </script>
  41.  
  42. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300' rel='stylesheet' type='text/css'>
  43.  
  44. <meta name="image:Background" content=""/>
  45. <meta name="image:Sidebar" content=""/>
  46. <meta name="image:Transparent" content=""/>
  47. <meta name="if:Faded Sidebar" content="0"/>
  48. <meta name="if:Grayscale Sidebar" content="1"/>
  49. <meta name="if:Faded Posts" content="0"/>
  50. <meta name="if:Grayscale Posts" content="1"/>
  51. <meta name="color:Background" content="#f3f3f3"/>
  52. <meta name="color:Title" content="#ffb3b3"/>
  53. <meta name="color:Text" content="#888888"/>
  54. <meta name="color:Tooltip Text" content="#888888"/>
  55. <meta name="color:Link" content="#dccbe7"/>
  56. <meta name="color:Hover" content="#a77dc2"/>
  57. <meta name="color:Blogtitle" content="#f797a9"/>
  58. <meta name="color:Navigation Hover" content="#f7919d"/>
  59. <meta name="color:Navigation Hover Text" content="#fff"/>
  60. <meta name="color:Scrollbar" content="#dccbe7"/>
  61. <meta name="text:Blogtitle" content="Waves"/>
  62. <meta name="text:Transparent Margin Top" content="200"/>
  63. <meta name="text:Transparent Margin Left" content="10"/>
  64. <meta name="text:Link One" content="" />
  65. <meta name="text:Link Two" content="" />
  66. <meta name="text:Link Three" content="" />
  67. <meta name="text:Link Four" content=""/>
  68. <meta name="text:Link Five" content="http://seedfawn.tumblr.com/"/>
  69. <meta name="text:Link One Title" content="Refresh"/>
  70. <meta name="text:Link Two Title" content="Inbox"/>
  71. <meta name="text:Link Three Title" content="Links"/>
  72. <meta name="text:Link Four Title" content="Favorites"/>
  73. <meta name="text:Link Five Title" content="Credit"/>
  74. </script>
  75.  
  76. <style type="text/css">
  77.  
  78. @-webkit-keyframes pop-in {
  79. 0% { opacity: 0; -webkit-transform: scale(0); }
  80. 100% { opacity: 1; -webkit-transform: scale(1); }
  81. }
  82. @-moz-keyframes pop-in {
  83. 0% { opacity: 0; -moz-transform: scale(0); }
  84. 100% { opacity: 1; -moz-transform: scale(1); }
  85. }
  86. @keyframes pop-in {
  87. 0% { opacity: 0; transform: scale(0); }
  88. 100% { opacity: 1; transform: scale(1); }
  89. }
  90.  
  91. .tmblr-iframe{
  92. -webkit-transition:opacity 0.7s linear;
  93. opacity:.7;
  94. -webkit-transition:all 0.4s ease-out;
  95. -moz-transition:all 0.4s ease-out;
  96. transition: all 0.4s ease-out;
  97. z-index:9999999999!important;
  98. }
  99.  
  100. ::-webkit-scrollbar-thumb{
  101. background-color:{color:scrollbar};
  102. height:auto;
  103. -moz-border-radius:10px;
  104. border-radius:10px;
  105. }
  106.  
  107. ::-webkit-scrollbar{
  108. height:9px;
  109. width:3px;
  110. }
  111.  
  112. body {
  113. color:{color:Text};
  114. font-family:calibri;
  115. text-transform:none;
  116. font-size:8px;
  117. line-height:12px;
  118. background-size:repeat;
  119. background-attachment:fixed;
  120. background-image:url({image:Background});
  121. background-color:{color:Background};
  122. cursor: url(http://static.tumblr.com/p3mk1pa/zzqnm79h1/cur817.gif), auto;
  123. }
  124.  
  125. a:link, a:active, a:visited{
  126. color:{color:Link};
  127. text-decoration:none;
  128. -webkit-transition:all 0.6s ease-out;
  129. -moz-transition:all 0.6s ease-out;
  130. -o-transition:all 0.6s ease-out;
  131. transition:all 0.6s ease-out;
  132. cursor: url(http://static.tumblr.com/p3mk1pa/zzqnm79h1/cur817.gif), auto;
  133. }
  134.  
  135. a:hover{
  136. color:{color:Hover};
  137. text-decoration:none;
  138. -webkit-transition:all 0.5s ease-out;
  139. -moz-transition:all 0.5s ease-out;
  140. -o-transition:all 0.5s ease-out;
  141. transition:all 0.5s ease-out;
  142. cursor: url(http://static.tumblr.com/p3mk1pa/zzqnm79h1/cur817.gif), auto;
  143. }
  144.  
  145. #s-m-t-tooltip{
  146. max-width:300px;
  147. margin:10px;
  148. padding:3px 5px;
  149. background:#f3f3f3;
  150. color:{color:text};
  151. font-family:calibri;
  152. font-size:8px;
  153. opacity:.5;
  154. text-transform:uppercase;
  155. letter-spacing:1px;
  156. z-index:999999999!important;
  157. }
  158.  
  159. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  160. #audio {
  161. width:200px;
  162. height:auto;
  163. min-height:60px;
  164. padding-bottom:0px;
  165. }
  166.  
  167. .cover {
  168. position:absolute;
  169. z-index:1;
  170. width:60px;
  171. height:60px;
  172. z-index:999;
  173. }
  174.  
  175. .cover img {
  176. float:left;
  177. width:60px;
  178. height:60px;
  179. outline:1px solid #fff;
  180. outline-offset:-2px;
  181. }
  182.  
  183. .playbox {
  184. opacity:0.6;
  185. width:27px;
  186. height:30px;
  187. overflow:hidden;
  188. position:absolute;
  189. z-index:1000;
  190. margin-left:17px;
  191. margin-top:17px;
  192. text-align:center;
  193. }
  194.  
  195. .info {
  196. margin-left:73px;
  197. margin-top:4px;
  198. line-height:14px;
  199. }
  200.  
  201. #cunt{width:250px; height:auto;}
  202. {block:PermalinkPage}
  203. width:10px;
  204. {/block:PermalinkPage}
  205. }
  206.  
  207. #center{
  208. padding-top:3px;
  209. padding-bottom:3px;
  210. position:fixed !important;
  211. width:250px;
  212. height:207px;
  213. background-color:#fff;
  214. {block:PermalinkPage}
  215. width:410px;
  216. height:207px;
  217. {/block:PermalinkPage}
  218. }
  219.  
  220. #posts{
  221. float:center;
  222. {block:indexpage}
  223. width:560px;
  224. {/block:indexpage}
  225. {block:PermalinkPage}
  226. width:0px;
  227. padding-top:5px;
  228. {/block:PermalinkPage}
  229. margin-left:300px;
  230. background:#fefefe;
  231. height:100%;
  232. margin-top:-20px;
  233. padding-top:0px;
  234. z-index:99;
  235. }
  236.  
  237. #entry img{
  238. {block:indexpage}
  239. background:#fefefe;
  240. max-width:200px;
  241. {block:ifFadedPosts}
  242. opacity:.7;
  243. {/block:ifFadedPosts}
  244. {block:ifGrayscalePosts}
  245. -webkit-filter:grayscale(60%);
  246. {/block:ifGrayscalePosts}
  247. -webkit-transition:all 0.7s ease-out;
  248. -moz-transition:all 0.7s ease-out;
  249. transition:all 0.7s ease-out;
  250. {/block:indexpage}
  251. {block:permalinkpage}
  252. box-shadow:rgba(0,0,0,.04) 5px 5px;
  253. {/block:permalinkpage}
  254. }
  255.  
  256. #entry img:hover{
  257. {block:indexpage}
  258. {block:ifFadedPosts}
  259. opacity:1;
  260. {/block:ifFadedPosts}
  261. {block:ifGrayscalePosts}
  262. -webkit-filter:grayscale(0%);
  263. {/block:ifGrayscalePosts}
  264. {/block:indexpage}
  265. }
  266.  
  267. #entry{
  268. margin:25px;
  269. float:left;
  270. background:#fefefe;
  271. font-size:10px;
  272. line-height:13px;
  273. text-transform:normal;
  274. width:200px;
  275. padding:12px;
  276. box-shadow:rgba(0,0,0,.04) 7px 7px;
  277. {block:PermalinkPage}
  278. opacity:1;
  279. width:250px;
  280. height:100%;
  281. margin-top:-20px;
  282. margin-left:200px;
  283. z-index:999;
  284. box-shadow:rgba(0,0,0,0) 0px 0px;
  285. {/block:PermalinkPage}
  286. }
  287.  
  288. #entry .perma{
  289. position:absolute;
  290. width:66px;
  291. height:calc(100% - 20px);
  292. background:transparent;
  293. border:1px solid transparent;
  294. z-index:999;
  295. opacity:1;
  296. -webkit-transition:opacity 0.7s linear;
  297. -webkit-transition:all 0.7s linear;
  298. -moz-transition:all 0.7s linear;
  299. transition:all 0.7s linear;
  300. }
  301.  
  302. #entry .perma2{
  303. position:absolute;
  304. width:66px;
  305. height:calc(100% - 20px);
  306. background:transparent;
  307. border:1px solid transparent;
  308. z-index:999;
  309. opacity:1;
  310. margin-left:67px;
  311. -webkit-transition:opacity 0.7s linear;
  312. -webkit-transition:all 0.7s linear;
  313. -moz-transition:all 0.7s linear;
  314. transition:all 0.7s linear;
  315. }
  316.  
  317. #entry .perma3{
  318. position:absolute;
  319. width:65px;
  320. height:calc(100% - 20px);
  321. background:transparent;
  322. border:1px solid transparent;
  323. z-index:999;
  324. opacity:1;
  325. margin-left:134px;
  326. -webkit-transition:opacity 0.7s linear;
  327. -webkit-transition:all 0.7s linear;
  328. -moz-transition:all 0.7s linear;
  329. transition:all 0.7s linear;
  330. }
  331.  
  332. .permalinktext{
  333. display:block;
  334. width:190px;
  335. text-align:center;
  336. font-size:8px;
  337. letter-spacing:1px;
  338. font-size:8px;
  339. font-family:consolas;
  340. text-transform:uppercase;
  341. background:#fbfbfb;
  342. border:1px solid #ddd;
  343. padding:6px;
  344. color:{color:text};
  345. }
  346.  
  347. #entry .reblogg{
  348. position:absolute;
  349. width:24px;
  350. height:24px;
  351. margin-top:-23px;
  352. margin-left:7px;
  353. background:transparent;
  354. opacity:1;
  355. z-index:99999;
  356. -webkit-transition:opacity 0.7s linear;
  357. -webkit-transition:all 0.7s linear;
  358. -moz-transition:all 0.7s linear;
  359. transition:all 0.7s linear;
  360. }
  361.  
  362. #entry .likee{
  363. position:absolute;
  364. width:24px;
  365. height:24px;
  366. margin-top:-23px;
  367. margin-left:177px;
  368. background:transparent;
  369. opacity:1;
  370. z-index:99999;
  371. -webkit-transition:opacity 0.7s linear;
  372. -webkit-transition:all 0.7s linear;
  373. -moz-transition:all 0.7s linear;
  374. transition:all 0.7s linear;
  375. }
  376.  
  377. .title{
  378. font-family: 'Source Sans Pro', sans-serif;
  379. font-size:30px;
  380. color:{color:blogtitle};
  381. Line-height:35px;
  382. }
  383.  
  384. .title:hover{
  385. text-decoration:none;
  386. }
  387.  
  388. #blogtitle{
  389. position: fixed !important;
  390. width:auto;
  391. margin-top:-18px;
  392. margin-left:5px;
  393. color:{color:blogtitle};
  394. font-family: 'Source Sans Pro', sans-serif;
  395. font-size:30px;
  396. text-align:left;
  397. opacity:1;
  398. z-index:9999;
  399. -webkit-transition:all 0.7s ease-in-out;
  400. -moz-transition:all 0.7s ease-in-out;
  401. transition:all 0.7s ease-in-out;
  402. }
  403.  
  404. #sidebar{
  405. position:fixed !important;
  406. margin-top:150px;
  407. margin-left:950px;
  408. width:200px;
  409. height:200px;
  410. background:#FCFCFC;
  411. padding-bottom:81px;
  412. box-shadow:rgba(0,0,0,.06) 5px 5px;
  413. z-index:9999;
  414. }
  415.  
  416. #desc{
  417. position:fixed !important;
  418. margin-top:195px;
  419. margin-left:12px;
  420. opacity:1;
  421. {block:ifFadedSidebar}
  422. opacity:.7;
  423. {block:ifFadedSidebar}
  424. background:transparent;
  425. border-top:1px solid #ddd;
  426. padding-top:5px;
  427. padding-bottom:5px;
  428. box-shadow:rgba(0,0,0,.06) 5px 5px;
  429. z-index:9999;
  430. -webkit-transition:all 0.7s ease-in-out;
  431. -moz-transition:all 0.7s ease-in-out;
  432. transition:all 0.7s ease-in-out;
  433. }
  434.  
  435. #links{
  436. position:fixed!important;
  437. margin-left:80px;
  438. margin-top:10px;
  439. opacity:0;
  440. z-index:1;
  441. -webkit-transition:all 0.7s ease-in-out;
  442. -moz-transition:all 0.7s ease-in-out;
  443. transition:all 0.7s ease-in-out;
  444. }
  445.  
  446. #sidebar:hover #links{
  447. margin-left:205px;
  448. opacity:1;
  449. }
  450.  
  451. #links a{
  452. color:{color:text};
  453. margin-top:10px;
  454. margin-left:5px;
  455. display:inline-block;
  456. font-family:calibri;
  457. font-size:8px;
  458. text-transform:uppercase;
  459. text-align:left;
  460. letter-spacing:1px;
  461. opacity:1;
  462. -webkit-transition: all 0.7s ease-in-out;
  463. -moz-transition: all 0.7s ease-in-out;
  464. -o-transition: all 0.7s ease-in-out;
  465. }
  466.  
  467. #links a:hover{
  468. letter-spacing:2px;
  469. text-decoration:underline;
  470. }
  471.  
  472. #lace{
  473. {block:indexpage}
  474. position:fixed;
  475. background-image:url('http://static.tumblr.com/iqvfzph/42cnnf7xr/tumblr_inline_mu0bjczgew1s8pbod.png');
  476. repeat:repeat-y;
  477. width:18px;
  478. height:100%;
  479. margin-left:282px;
  480. margin-top:10px;
  481. opacity:1;
  482. z-index:1;
  483. {/block:indexpage}
  484. {block:PermalinkPage}
  485. background-image:url('http://static.tumblr.com/iqvfzph/42cnnf7xr/tumblr_inline_mu0bjczgew1s8pbod.png');
  486. repeat:repeat-y;
  487. width:18px;
  488. height:100%;
  489. margin-left:282px;
  490. opacity:1;
  491. z-index:1;
  492. {/block:PermalinkPage}
  493. }
  494.  
  495. #lace2{
  496. {block:indexpage}
  497. position:fixed;
  498. background-image:url('http://static.tumblr.com/iqvfzph/pJxnnf88k/tumblr_inline_mu0bjczgew1s8pbo.png');
  499. repeat:repeat-y;
  500. width:18px;
  501. height:100%;
  502. margin-top:10px;
  503. margin-left:860px;
  504. opacity:1;
  505. z-index:1;
  506. {/block:indexpage}
  507. {block:PermalinkPage}
  508. background-image:url('http://static.tumblr.com/iqvfzph/42cnnf7xr/tumblr_inline_mu0bjczgew1s8pbod.png');
  509. repeat:repeat-y;
  510. width:18px;
  511. height:100%;
  512. margin-left:282px;
  513. opacity:1;
  514. z-index:1;
  515. {/block:PermalinkPage}
  516. }
  517.  
  518. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  519. #infscr-loading{
  520. bottom: -70px;
  521. position: absolute;
  522. left: 50%;
  523. margin-left:-8px;
  524. width:16px;
  525. height:11px;
  526. overflow:hidden;
  527. margin-bottom: 50px;
  528. }
  529.  
  530. #postnotes{
  531. text-align: justify;}
  532.  
  533. #postnotes blockquote{
  534. border: 0px;}
  535.  
  536. blockquote{
  537. padding:0px 0px 2px 5px;
  538. margin:0px 0px 2px 10px;
  539. border-left: 1px dotted #eee;
  540. }
  541.  
  542. blockquote p, ul{
  543. margin:0px;
  544. padding:0px;
  545. }
  546.  
  547. </style>
  548.  
  549. <title>{Title}</title>
  550.  
  551. <link rel="shortcut icon" href="{favicon}">
  552.  
  553. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  554. <meta name="viewport" content="width=720" />
  555.  
  556. </head>
  557.  
  558. <body>
  559. <div id="center">
  560. <div id="content">
  561.  
  562. <div id="lace"></div>
  563. <div id="lace2"></div>
  564.  
  565. <div id="sidebar">
  566.  
  567. <div id="blogtitle">{text:Blogtitle}</div>
  568.  
  569. <div id="desc"><div style="overflow:auto; background:transparent; width:161px; height:45px; font-family:calibri; text-transform:uppercase; text-align:justify; color:{color:text}; letter-spacing:1px; padding:5px;">{description}</div></div>
  570.  
  571. <div id="links">
  572. <a href="{text:Link One}">{text:Link One Title}</a><br>
  573. <a href="{text:Link Two}">{text:Link Two Title}</a><br>
  574. <a href="{text:Link Three}">{text:Link Three Title}</a><br>
  575. <a href="{text:Link Four}">{text:Link Four Title}</a>
  576. </div>
  577.  
  578. <img src="{image:sidebar}" style="position:fixed; width:158px; height:158px; margin-top:8px; margin-left:8px; background:transparent; padding:8px; box-shadow:rgba(0,0,0,.06) 5px 5px; {block:ifFadedSidebar}opacity:.7;{/block:ifFadedSidebar}; {block:ifGrayscaleSidebar}-webkit-filter:grayscale(60%);{/block:ifGrayscaleSidebar} z-index:9;"></div>
  579.  
  580. <img src="{image:transparent}" style="position:fixed; width:300px; height:auto; margin-top:{text:Transparent Margin Top}px; margin-left:{text:Transparent Margin left}px; opacity:.7; z-index:9;"></div>
  581.  
  582. </div></div></div></div>
  583.  
  584. <div id="posts">
  585. {block:Posts}
  586. <div id="entry">
  587.  
  588. {block:Text}
  589. {block:Title}<span class="title">{Title}</span>{/block:Title}
  590. <span class="entrytext">{Body}</span></a>
  591. {block:IndexPage}
  592. <div class="permalinktext">
  593. {24Hour}:{Minutes} /
  594. <a href="{permalink}">{notecountwithlabel}</a></div>
  595. <div class="likee">
  596. <a href="{Like}" title="Like" target="_blank">{LikeButton color="grey" size="20"}</a></div>
  597. <div class="reblogg">
  598. <a href="{ReblogURL}" title="Reblog" target="_blank">{ReblogButton color="grey" size="20"}</a></div>
  599. {/block:IndexPage}
  600. {/block:Text}
  601.  
  602. {block:Link}
  603. <a href="{URL}" class="title">{Name}</a>
  604. {block:Description}{Description}{/block:Description}
  605. {block:IndexPage}
  606. <div class="permalinktext">
  607. {24Hour}:{Minutes} /
  608. <a href="{permalink}">{notecountwithlabel}</a></div>
  609. <div class="likee">
  610. <a href="{Like}" title="Like" target="_blank">{LikeButton color="grey" size="20"}</a></div>
  611. <div class="reblogg">
  612. <a href="{ReblogURL}" title="Reblog" target="_blank">{ReblogButton color="grey" size="20"}</a></div>
  613. {/block:IndexPage}
  614. {block:Link}
  615.  
  616. {block:Photo}
  617. {block:IndexPage}<div class="lovely"></div>
  618. <a href="{Permalink}" target="_blank" title="{24Hour}:{Minutes}"><div class="perma"></div></a>
  619. <a href="{Permalink}" target="_blank" title="{notecount} notes"><div class="perma2"></div></a>
  620. <a href="{ReblogURL}" target="_blank" title="Reblog"><div class="perma3"></div></a>
  621. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=200px;>
  622. {/block:IndexPage}
  623. {block:permalinkpage}{LinkOpenTag}<center>
  624. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=250px;>
  625. {LinkCloseTag}</center>{/block:permalinkpage}
  626. {/block:Photo}
  627.  
  628. {block:Quote}
  629. <div class="quote">❝ {quote}</div>
  630. {block:IndexPage}<br>
  631. <div class="permalinktext">
  632. {24Hour}:{Minutes} /
  633. <a href="{permalink}">{notecountwithlabel}</a></div>
  634. <div class="likee">
  635. <a href="{Like}" title="Like" target="_blank">{LikeButton color="grey" size="20"}</a></div>
  636. <div class="reblogg">
  637. <a href="{ReblogURL}" title="Reblog" target="_blank">{ReblogButton color="grey" size="20"}</a></div>
  638. {/block:IndexPage}
  639. {/block:Quote}
  640.  
  641. {block:Chat}
  642. {block:Title}<span class="title">{Title}</span>{/block:Title}
  643. <ul class="chat">
  644. {block:Lines}
  645. <li class="user_{UserNumber}">
  646. {block:Label}
  647. <span class="label">{Label}</span>
  648. {/block:Label}
  649.  
  650. {Line}<br>
  651. {/block:Lines}
  652. {block:IndexPage}<br>
  653. <div class="permalinktext">
  654. {24Hour}:{Minutes} /
  655. <a href="{permalink}">{notecountwithlabel}</a></div>
  656. <div class="likee">
  657. <a href="{Like}" title="Like" target="_blank">{LikeButton color="grey" size="20"}</a></div>
  658. <div class="reblogg">
  659. <a href="{ReblogURL}" title="Reblog" target="_blank">{ReblogButton color="grey" size="20"}</a></div>
  660. {/block:IndexPage}
  661. {/block:Chat}
  662.  
  663. {block:Audio}
  664. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Lovers</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Touch:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  665. {block:IndexPage}<br>
  666. <div class="permalinktext">
  667. {24Hour}:{Minutes} /
  668. <a href="{permalink}">{notecountwithlabel}</a></div>
  669. <div class="likee">
  670. <a href="{Like}" title="Like" target="_blank">{LikeButton color="grey" size="20"}</a></div>
  671. <div class="reblogg">
  672. <a href="{ReblogURL}" title="Reblog" target="_blank">{ReblogButton color="grey" size="20"}</a></div>
  673. {/block:IndexPage}
  674. {/block:Audio}
  675.  
  676. {block:photoset}
  677. <center>
  678. <a href="#" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  679. {block:Photos}<img src="{PhotoURL-HighRes}"><!--{/block:Photos}-->
  680. </a>
  681. </center>
  682. {/block:photoset}
  683.  
  684. {block:Video}
  685. <center>{block:IndexPage}
  686. <a href="{Permalink}" target="_blank" title="{24Hour}:{Minutes}"><div class="perma"></div></a>
  687. <a href="{Permalink}" target="_blank" title="{notecount} notes"><div class="perma2"></div></a>
  688. <a href="{ReblogURL}" target="_blank" title="Reblog"><div class="perma3"></div></a>
  689. {Video-250}
  690. {/block:IndexPage}</center>
  691. <center>{block:PermalinkPage}<div style="width:250px; overflow-x:hidden; overflow-y:hidden">{Video-250}{/block:PermalinkPage}</center>
  692. {block:Video}
  693.  
  694. {block:Answer}
  695. <div style="margin:3px; margin-top:2px; min-height:30px; margin-left:50px; padding:5px; width:140px; background:#fff; border:1px solid #eee;">
  696. <img src="{AskerPortraitURL-30}" width="30" align="left"
  697. style="margin-top:-6px; margin-left:-57px; background:#fbfbfb; border:1px solid #ddd; border-radius:0px; padding:7px; outline:1px solid #fff; outline-offset:-10px;">
  698. <askk><font style="letter-spacing:1px; font-family: 'Source Sans Pro', sans-serif; font-size:15px; line-height:25px; text-decoration:none; text-shadow: -1px 0 {color:ask color}, 0 1px {color:ask color}, 1px 0 {color:ask color}, 0 -1px {color:ask color}; color:white;">{Asker}:</font></askk> <font style="padding-bottom:3px;">{Question}</font></div>
  699. <div style="margin-top:10px; min-height:30px; margin-left:0px; padding:5px; border:1px solid #ddd; color:{color:text}; width:190px; background:#fbfbfb">{Answer}</div><br>
  700. <div class="permalinktext">
  701. {24Hour}:{Minutes} /
  702. <a href="{permalink}">{notecountwithlabel}</a></div>
  703. <div class="likee">
  704. <a href="{Like}" title="Like" target="_blank">{LikeButton color="grey" size="20"}</a></div>
  705. <div class="reblogg">
  706. <a href="{ReblogURL}" title="Reblog" target="_blank">{ReblogButton color="grey" size="20"}</a></div>
  707. {/block:Answer}
  708.  
  709. {block:PermalinkPage}
  710. <justify><br>
  711. {block:caption}<div style="background:#fbfbfb; border:1px solid #eee; width:238px; padding:5px;">{caption}</div>{/block:caption}<br>
  712. {block:Date}<div style="background:#fbfbfb; border:1px solid #eee; width:238px; padding:5px;">Posted {DayOfWeek} {/block:Date} {block:NoteCount}with {NoteCount} notes<br></div>{/block:NoteCount}<br>
  713. {block:RebloggedFrom}<div style="background:#fbfbfb; border:1px solid #eee; width:238px; padding:5px;">Source: <a href="{ReblogRootURL}">{ReblogRootName}</a> | Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</div></a><br>{/block:RebloggedFrom}
  714. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</justify>
  715. {/block:PermalinkPage}
  716. {block:PostNotes}
  717. <div id="postnotes"> <div style="overflow:auto; width:238px; height:325px; border: 1px solid #eee; padding:5px; background-color:#fbfbfb; text-align:justify;">{PostNotes}</div></div>
  718. {/block:PostNotes}</div>{/block:Posts}
  719. </div></div>
  720.  
  721. {block:indexpage}
  722. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  723. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  724. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  725. <script type="text/javascript">
  726. $(window).load(function(){
  727. var $wall = $('#posts');
  728. $wall.imagesLoaded(function(){
  729. $wall.masonry({
  730. itemSelector: '#entry, #entry_photo',
  731. isAnimated : false
  732. });
  733. });
  734.  
  735. $wall.infinitescroll({
  736. navSelector : '#page-nav',
  737. nextSelector : '#page-nav a',
  738. itemSelector : '#entry, #entry_photo',
  739. bufferPx : 2000,
  740. debug : false,
  741. errorCallback: function() {
  742. $('#infscr-loading').fadeOut('normal');
  743. }},
  744. function( newElements ) {
  745. var $newElems = $( newElements );
  746. $newElems.hide();
  747. $newElems.imagesLoaded(function(){
  748. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  749. });
  750. }); $('#content').show(500);
  751. });
  752. </script>
  753. {/block:indexpage}
  754.  
  755. <body onkeydown="return false">
  756. </body>
  757.  
  758. <div style="z-index:9999; position:fixed; bottom:5px; right:5px; opacity:0.7"><a href="http://seedfawn.tumblr.com" title="Theme by Seedfawn"><img src="http://static.tumblr.com/iqvfzph/DyZnm91nx/tumblr_inline_mpa4u8ch0b1r5q3xq.png" width="auto"></a></div>
  759. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement