Advertisement
Seedfawn

Theme 1

Apr 2nd, 2015
548
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.20 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=Poiret+One' rel='stylesheet' type='text/css'>
  43.  
  44. <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  45.  
  46. <meta name="image:Background" content=""/>
  47. <meta name="image:Sidebar" content=""/>
  48. <meta name="image:Background Sidebar" content=""/>
  49. <meta name="image:Transparent" content=""/>
  50. <meta name="image:Lace Banner" content=""/>
  51. <meta name="color:Background" content="#fbfbfb"/>
  52. <meta name="color:Title" content="#ffb3b3"/>
  53. <meta name="color:Text" content="#999999"/>
  54. <meta name="color:Link" content="#ff8d8d"/>
  55. <meta name="color:Hover" content="#dc7777"/>
  56. <meta name="color:Blogtitle" content="#ffb3b3"/>
  57. <meta name="color:Navigation" content="#ffd9dc"/>
  58. <meta name="color:Scrollbar" content="#ffb3b3"/>
  59. <meta name="color:Permalink" content="#ffd9d9"/>
  60. <meta name="color:Sidebar Color" content="#ffbbcd"/>
  61. <meta name="color:Stripes" content="#ffbbcd"/>
  62. <meta name="color:Stripes Border" content="#ea89a2"/>
  63. <meta name="color:Ask Color" content="#ea89a2"/>
  64. <meta name="text:Blogtitle" content="1989"/>
  65. <meta name="text:Link One" content="" />
  66. <meta name="text:Link Two" content="" />
  67. <meta name="text:Link Three" content="" />
  68. <meta name="text:Link Four" content=""/>
  69. <meta name="text:Link Five" content=""/>
  70. <meta name="text:Link Six" content="http://seedfawn.tumblr.com" />
  71. <meta name="text:Link One Title" content="Refresh"/>
  72. <meta name="text:Link Two Title" content="Inbox"/>
  73. <meta name="text:Link Three Title" content="Navigation"/>
  74. <meta name="text:Link Four Title" content="Photos"/>
  75. <meta name="text:Link Five Title" content="Favorites"/>
  76. <meta name="text:Link Six Title" content="Theme Credit"/>
  77. </script>
  78.  
  79. <style type="text/css">
  80.  
  81. .tmblr-iframe{
  82. z-index:9999999999!important;
  83. opacity:.2 !important;
  84. -webkit-filter:invert(100%);
  85. top:5px !important;
  86. right:5px !important;
  87. position:fixed!important;
  88. }
  89.  
  90. ::-webkit-scrollbar{
  91. height:9px;
  92. width:9px;
  93. border:4px
  94. solid {color:background};
  95. }
  96.  
  97. ::-webkit-scrollbar-thumb{
  98. background-color:{color:scrollbar};
  99. border:4px solid {color:background};
  100. height:auto;
  101. -moz-border-radius:10px;
  102. border-radius:10px;
  103. }
  104.  
  105. body {
  106. color:{color:Text};
  107. font-family:calibri;
  108. text-transform:none;
  109. font-size:8px;
  110. line-height:12px;
  111. background-size:repeat;
  112. background-attachment:fixed;
  113. background-image:url({image:Background});
  114. background-color:{color:Background};
  115. cursor: url(http://static.tumblr.com/p3mk1pa/zzqnm79h1/cur817.gif), auto;
  116. }
  117.  
  118. a:link, a:active, a:visited{
  119. color:{color:Link};
  120. text-decoration:none;
  121. -webkit-transition:all 0.6s ease-out;
  122. -moz-transition:all 0.6s ease-out;
  123. -o-transition:all 0.6s ease-out;
  124. transition:all 0.6s ease-out;
  125. cursor: url(http://static.tumblr.com/p3mk1pa/zzqnm79h1/cur817.gif), auto;
  126. }
  127.  
  128. a:hover{
  129. color:{color:Hover};
  130. text-decoration:underline;
  131. -webkit-transition:all 0.5s ease-out;
  132. -moz-transition:all 0.5s ease-out;
  133. -o-transition:all 0.5s ease-out;
  134. transition:all 0.5s ease-out;
  135. cursor: url(http://static.tumblr.com/p3mk1pa/zzqnm79h1/cur817.gif), auto;
  136. }
  137.  
  138. #s-m-t-tooltip{
  139. max-width:300px;
  140. margin:10px;
  141. padding:2px 8px;
  142. border-radius:10px;
  143. background:#fff;
  144. color:{color:text};
  145. font-family:calibri;
  146. font-size:8px;
  147. font-style:italic;
  148. text-transform:uppercase;
  149. letter-spacing:1px;
  150. border:1px solid {color:sidebar color};
  151. border-left:5px solid {color:sidebar color};
  152. border-right:5px solid {color:sidebar color};
  153. z-index:9999999999;
  154. box-shadow:rgba(0,0,0,.03) 3px 3px;
  155. -webkit-transition: all 0.5s ease-in-out;
  156. -moz-transition: all 0.5s ease-in-out;
  157. -o-transition: all 0.5s ease-in-out;
  158. }
  159.  
  160. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  161. #audio {
  162. width:200px;
  163. height:auto;
  164. min-height:60px;
  165. padding-bottom:0px;
  166. }
  167.  
  168. .cover {
  169. position:absolute;
  170. z-index:1;
  171. width:60px;
  172. height:60px;
  173. z-index:999;
  174. }
  175.  
  176. .cover img {
  177. float:left;
  178. width:60px;
  179. height:60px;
  180. outline:1px solid #fff;
  181. outline-offset:-2px;
  182. }
  183.  
  184. .playbox {
  185. opacity:0.6;
  186. width:27px;
  187. height:30px;
  188. overflow:hidden;
  189. position:absolute;
  190. z-index:1000;
  191. margin-left:17px;
  192. margin-top:17px;
  193. text-align:center;
  194. }
  195.  
  196. .info {
  197. margin-left:73px;
  198. margin-top:4px;
  199. line-height:14px;
  200. }
  201.  
  202. #cunt{width:250px; height:auto;}
  203. {block:PermalinkPage}
  204. width:10px;
  205. {/block:PermalinkPage}
  206. }
  207.  
  208. #center{
  209. padding-top:3px;
  210. padding-bottom:3px;
  211. position:fixed !important;
  212. width:250px;
  213. height:207px;
  214. background-color:#fff;
  215. {block:PermalinkPage}
  216. width:410px;
  217. height:207px;
  218. {/block:PermalinkPage}
  219. }
  220.  
  221. #posts{
  222. float:center;
  223. {block:indexpage}
  224. width:630px;
  225. {/block:indexpage}
  226. {block:permalinkpage}
  227. width:630px;
  228. {/block:permalinkpage}
  229. height:100%;
  230. margin-left:480px;
  231. margin-top:0px;
  232. background:#fff;
  233. padding-left:8px;
  234. padding-top:50px;
  235. z-index:1;
  236. }
  237.  
  238. #entry img{
  239. {block:indexpage}
  240. background:#fff;
  241. max-width:250px;
  242. opacity:0.7;
  243. outline:1px solid #fff;
  244. outline-offset:-2px;
  245. z-index:1;
  246. -webkit-transition:all 0.7s ease-out;
  247. -moz-transition:all 0.7s ease-out;
  248. transition:all 0.7s ease-out;
  249. {/block:indexpage}
  250. }
  251.  
  252. #entry img:hover{
  253. opacity:1;
  254. }
  255.  
  256. #entry{
  257. margin:15px;
  258. float:left;
  259. background:#fff;
  260. font-size:10px;
  261. line-height:13px;
  262. text-transform:normal;
  263. width:250px;
  264. padding:12px;
  265. border:1px solid #eee;
  266. {block:PermalinkPage}
  267. opacity:.9;
  268. width:580px;
  269. margin-top:0px;
  270. margin-left:8px;
  271. box-shadow:rgba(0,0,0,0) 0px 0px;
  272. z-index:1;
  273. {/block:PermalinkPage}
  274. -moz-transition: all 0.7s ease-out;
  275. -o-transition: all 0.7s ease-out;
  276. -webkit-transition: all 0.7s ease-out;
  277. transition: all 0.7s ease-out;
  278. }
  279.  
  280. #entry .perma{
  281. width:30px;
  282. height:30px;
  283. font-family:consolas;
  284. font-size:8px;
  285. line-height:12px;
  286. text-align:center;
  287. text-transform:uppercase;
  288. background:{color:permalink};
  289. border:1px solid #fff;
  290. outline:1px solid #fff;
  291. outline-offset:-4px;
  292. position:absolute;
  293. z-index:9999;
  294. overflow:hidden;
  295. margin-top:10px;
  296. margin-left:0px;
  297. padding:10px;
  298. opacity:0;
  299. -webkit-transition:opacity 0.7s linear;
  300. -webkit-transition:all 0.7s linear;
  301. -moz-transition:all 0.7s linear;
  302. transition:all 0.7s linear;
  303. }
  304.  
  305. #entry:hover .perma{
  306. overflow:visible;
  307. margin-left:60px;
  308. opacity:1;
  309. }
  310.  
  311. #entry .perma2{
  312. width:30px;
  313. height:30px;
  314. font-family:consolas;
  315. font-size:8px;
  316. line-height:12px;
  317. text-align:center;
  318. text-transform:uppercase;
  319. background:{color:permalink};
  320. border:1px solid #fff;
  321. outline:1px solid #fff;
  322. outline-offset:-4px;
  323. position:absolute;
  324. z-index:9999;
  325. overflow:hidden;
  326. margin-top:10px;
  327. margin-left:199px;
  328. padding:10px;
  329. opacity:0;
  330. -webkit-transition:opacity 0.7s linear;
  331. -webkit-transition:all 0.7s linear;
  332. -moz-transition:all 0.7s linear;
  333. transition:all 0.7s linear;
  334. }
  335.  
  336. #entry:hover .perma2{
  337. overflow:visible;
  338. margin-left:140px;
  339. opacity:1;
  340. }
  341.  
  342. #entry .perma3{
  343. width:230px;
  344. height:auto;
  345. font-family:consolas;
  346. font-size:8px;
  347. line-height:12px;
  348. text-align:center;
  349. text-transform:uppercase;
  350. letter-spacing:1px;
  351. background:#fff;
  352. border-top:3px solid {color:permalink};
  353. position:absolute;
  354. z-index:9999;
  355. overflow:hidden;
  356. padding:10px;
  357. color:#fff;
  358. opacity:0;
  359. bottom:200px;
  360. -webkit-transition:opacity 0.7s linear;
  361. -webkit-transition:all 0.7s linear;
  362. -moz-transition:all 0.7s linear;
  363. transition:all 0.7s linear;
  364. }
  365.  
  366. #entry:hover .perma3{
  367. overflow:visible;
  368. bottom:10px;
  369. opacity:.9;
  370. }
  371.  
  372. #entry .fade{
  373. position:absolute;
  374. width:0px;
  375. height:0px;
  376. margin-left:0px;
  377. background:white;
  378. opacity:.5;
  379. z-index:999;
  380. -webkit-transition: all 1s ease;
  381. -moz-transition: all 1s ease;
  382. -o-transition: all 1s ease;
  383. transition: all 1s ease;
  384. }
  385.  
  386. #entry:hover .fade{
  387. width:255px;
  388. height:calc(100% - 12px);
  389. opacity:.5;
  390. -webkit-transition: all 1s ease;
  391. -moz-transition: all 1s ease;
  392. -o-transition: all 1s ease;
  393. transition: all 1s ease;
  394. }
  395.  
  396. .permalinktext{
  397. display:block;
  398. text-align:right;
  399. font-size:8px;
  400. letter-spacing:1px;
  401. font-size:8px;
  402. font-family:consolas;
  403. text-transform:uppercase;
  404. background:#fbfbfb;
  405. border:1px solid #f3f3f3;
  406. padding:5px;
  407. }
  408.  
  409. .title{
  410. font-family:Dancing Script;
  411. font-size:30px;
  412. color:white;
  413. text-shadow: -1px 0 {color:Title}, 0 1px {color:Title}, 1px 0 {color:Title}, 0 -1px {color:Title};"
  414. }
  415.  
  416. #blogtitle{
  417. position: fixed !important;
  418. width:118px;
  419. margin-top:135px;
  420. margin-left:9px;
  421. padding:10px;
  422. background:{color:blogtitle};
  423. color:#fff;
  424. font-family:Poiret One;
  425. font-size:15px;
  426. text-align:center;
  427. line-height:10px;
  428. border-bottom:4px double #fff;
  429. border-top:4px double #fff;
  430. opacity:0;
  431. -webkit-transform: scale(0);
  432. z-index:9999;
  433. -webkit-transition:all 0.7s ease-in-out;
  434. -moz-transition:all 0.7s ease-in-out;
  435. transition:all 0.7s ease-in-out;
  436. }
  437.  
  438. #sidebar:hover #blogtitle{
  439. -webkit-transform: scale(1);
  440. opacity:.9;
  441. }
  442.  
  443. #sidebar{
  444. position:fixed !important;
  445. width:305px;
  446. height:305px;
  447. margin-top:140px;
  448. margin-left:50px;
  449. padding:15px;
  450. background-color:#fff;
  451. border:5px solid {color:sidebar color};
  452. outline:1px solid #fff;
  453. outline-offset:-3px;
  454. box-shadow:rgba(0,0,0,.03) 7px 7px;
  455. z-index:9999;
  456. }
  457.  
  458. #picture{
  459. position:fixed !important;
  460. width:300px;
  461. height:300px;
  462. margin-top:-5px;
  463. margin-left:-5px;
  464. border:8px solid #fff;
  465. outline:1px solid #ddd;
  466. opacity:1;
  467. background-image:url('{image:sidebar}');
  468. background-size:cover;
  469. background-color:white;
  470. z-index:9999;
  471. -webkit-filter:grayscale(0%);
  472. -webkit-transition:all 0.7s ease-in-out;
  473. -moz-transition:all 0.7s ease-in-out;
  474. transition:all 0.7s ease-in-out;
  475. }
  476.  
  477. #sidebar:hover #picture{
  478. width:120px;
  479. height:120px;
  480. margin-top:50px;
  481. margin-left:10px;
  482. border:8px solid #fbfbfb;
  483. outline:1px solid #ddd;
  484. box-shadow:rgba(0,0,0,.05) 6px 6px;
  485. -webkit-filter:grayscale(30%);
  486. }
  487.  
  488. #bgpicture{
  489. position:fixed !important;
  490. width:317px;
  491. height:120px;
  492. margin-top:-6px;
  493. margin-left:-5px;
  494. outline:1px solid #fff;
  495. outline-offset:-2px;
  496. opacity:1;
  497. background-image:url('{image:background sidebar}');
  498. background-size:cover;
  499. z-index:999;
  500. -webkit-transition:all 0.7s ease-in-out;
  501. -moz-transition:all 0.7s ease-in-out;
  502. transition:all 0.7s ease-in-out;
  503. }
  504.  
  505. #desc{
  506. position:fixed !important;
  507. opacity:1;
  508. margin-top:200px;
  509. margin-left:10px;
  510. }
  511.  
  512. #links{
  513. position:fixed!important;
  514. opacity:1;
  515. margin-left:145px;
  516. margin-top:120px;
  517. }
  518.  
  519. #links a{
  520. margin-top:8px;
  521. margin-left:25px;
  522. display:inline-block;
  523. background:{color:navigation};
  524. padding:10px 10px 10px 10px;
  525. border: 1px solid #fff;
  526. outline:1px solid #fff;
  527. outline-offset:-3px;
  528. z-index:9999;
  529. -webkit-transition: all 0.5s ease-in-out;
  530. -moz-transition: all 0.5s ease-in-out;
  531. -o-transition: all 0.5s ease-in-out;
  532. }
  533.  
  534. #links a:hover{
  535. border: 1px solid {color:navigation};
  536. outline:1px solid {color:navigation};
  537. box-shadow:inset 0px 20px 0px 0px #fff;
  538. }
  539.  
  540. #sidebar:hover #links a{
  541. -webkit-transform: scale(1);
  542. }
  543.  
  544. #transparent{
  545. position:fixed;
  546. opacity:1;
  547. margin-top:205px;
  548. margin-left:205px;
  549. z-index:999;
  550. -webkit-transition: all 0.7s ease-in-out;
  551. -moz-transition: all 0.7s ease-in-out;
  552. -o-transition: all 0.7s ease-in-out;
  553. }
  554.  
  555. #line1{
  556. position:fixed;
  557. width:7px;
  558. height:100%;
  559. background:{color:stripes};
  560. border:1px solid {color:stripes border};
  561. outline:1px solid #fff;
  562. outline-offset:-2px;
  563. margin-left:475px;
  564. margin-top:-10px;
  565. padding-bottom:3px;
  566. z-index:9;
  567. }
  568.  
  569. #line2{
  570. position:fixed;
  571. width:7px;
  572. height:100%;
  573. background:{color:stripes};
  574. border:1px solid {color:stripes border};
  575. outline:1px solid #fff;
  576. outline-offset:-2px;
  577. margin-left:1110px;
  578. margin-top:-10px;
  579. padding-bottom:3px;
  580. z-index:9;
  581. }
  582.  
  583. #lace{
  584. background-image:url({image:lace banner});
  585. repeat:repeat-x;
  586. left:0;
  587. width:100%;
  588. margin-top:-10px;
  589. height:57px;
  590. position: fixed;
  591. opacity:1;
  592. z-index:9999;
  593. }
  594.  
  595. .triangle{
  596. position:absolute;
  597. width: 0px;
  598. height: 0px;
  599. margin-left:50px;
  600. margin-top:5px;
  601. border-top: 12px solid transparent;
  602. border-bottom: 12px solid transparent;
  603. border-right: 12px solid #f3f3f3;
  604. }
  605.  
  606. .triangle2{
  607. position:absolute;
  608. width: 0px;
  609. height: 0px;
  610. margin-left:235px;
  611. margin-top:15px;
  612. border-top: 12px solid transparent;
  613. border-bottom: 12px solid transparent;
  614. border-right: 12px solid {color:ask color};
  615. transform: rotate(180deg);
  616. -ms-transform: rotate(180deg);
  617. -webkit-transform: rotate(180deg);
  618. -o-transform: rotate(180deg);
  619. -moz-transform: rotate(180deg);
  620. }
  621.  
  622. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  623. #infscr-loading{
  624. bottom: -70px;
  625. position: absolute;
  626. left: 50%;
  627. margin-left:-8px;
  628. width:16px;
  629. height:11px;
  630. overflow:hidden;
  631. margin-bottom: 50px;
  632. }
  633.  
  634. #postnotes{
  635. text-align: justify;}
  636.  
  637. #postnotes blockquote{
  638. border: 0px;}
  639.  
  640. blockquote{
  641. padding:0px 0px 2px 5px;
  642. margin:0px 0px 2px 10px;
  643. border-left: 1px dotted #eee;
  644. }
  645.  
  646. blockquote p, ul{
  647. margin:0px;
  648. padding:0px;
  649. }
  650.  
  651. </style>
  652.  
  653. <title>{Title}</title>
  654.  
  655. <link rel="shortcut icon" href="{favicon}">
  656.  
  657. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  658. <meta name="viewport" content="width=720" />
  659.  
  660. </head>
  661.  
  662. <body>
  663. <div id="center">
  664. <div id="content">
  665.  
  666. <div id="lace"></div>
  667.  
  668. <div id="line1"></div>
  669. <div id="line2"></div>
  670.  
  671. <div id="sidebar">
  672.  
  673. <div id="transparent">
  674. <img src="{image:transparent}" style="position:fixed; width:100px; height:100px; z-index:9;"></div>
  675.  
  676. <div id="blogtitle">{text:Blogtitle}</div>
  677.  
  678. <div id="desc"><div style="overflow:auto; width:170px; height:90px; border: 1px solid #ddd; padding:5px; background-color:#fbfbfb; font-family:calibri; text-transform:uppercase; text-align:justify; letter-spacing:1px;">{description}</div></div>
  679.  
  680. <div id="links">
  681. <a href="{text:Link One}" title="{text:Link One Title}"></a>
  682. <a href="{text:Link Two}" title="{text:Link Two Title}"></a>
  683. <a href="{text:Link Three}" title="{text:Link Three Title}"></a><br>
  684. <a href="{text:Link Four}" title="{text:Link Four Title}"></a>
  685. <a href="{text:Link Five}" title="{text:Link Five Title}"></a>
  686. <a href="{text:Link Six}" title="{text:Link Six Title}"></a>
  687. </div>
  688.  
  689. <div id="picture" style="position:fixed; z-index:999999;"></div>
  690. <div id="bgpicture"></div>
  691.  
  692. </div></div></div></div></div>
  693.  
  694. <div id="posts">
  695. {block:Posts}
  696. <div id="entry">
  697.  
  698. {block:Text}
  699. {block:Title}<span class="title">{Title}</span>{/block:Title}
  700. <span class="entrytext">{Body}</span></a>
  701. {block:IndexPage}<br>
  702. <div class="permalinktext">
  703. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  704. {/block:Text}
  705.  
  706. {block:Link}
  707. <a href="{URL}" class="title">{Name}</a>
  708. {block:Description}{Description}{/block:Description}
  709. {block:IndexPage}<br>
  710. <div class="permalinktext">
  711. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>
  712. {/block:IndexPage}
  713. {block:Link}
  714.  
  715. {block:Photo}{block:IndexPage}<div class="lovely"></div>
  716. <div class="fade"></div>
  717. <div class="perma">
  718. <a href="{Like}" title="Like" target="_blank">{LikeButton color="white" size="30"}</a></div>
  719. <div class="perma2">
  720. <a href="{ReblogURL}" title="Reblog" target="_blank">{ReblogButton color="white" size="30"}</a></div>
  721. <div class="perma3">
  722. <a href="{Permalink}" target="_blank">Posted {timeago}</a>-
  723. <a href="{Permalink}" target="_blank">{notecount} notes</a></div>
  724. {/block:IndexPage}
  725.  
  726. {block:IndexPage}
  727. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=250px;>
  728. {/block:IndexPage}
  729. {block:permalinkpage}{LinkOpenTag}<center>
  730. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=580px;/>
  731. {LinkCloseTag}</center>{/block:permalinkpage}
  732. {/block:Photo}
  733.  
  734. {block:Quote}
  735. <div class="quote">❝ {quote}</div>
  736. {block:IndexPage}<br>
  737. <div class="permalinktext">
  738. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  739. {/block:Quote}
  740.  
  741. {block:Chat}
  742. {block:Title}<span class="title">{Title}</span>{/block:Title}
  743. <ul class="chat">
  744. {block:Lines}
  745. <li class="user_{UserNumber}">
  746. {block:Label}
  747. <span class="label">{Label}</span>
  748. {/block:Label}
  749.  
  750. {Line}<br>
  751. {/block:Lines}
  752. {block:IndexPage}<br>
  753. <div class="permalinktext">
  754. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  755. {/block:Chat}
  756.  
  757. {block:Audio}
  758. <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>
  759. {block:IndexPage}<br>
  760. <div class="permalinktext">
  761. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  762. {/block:Audio}
  763.  
  764. {block:Video}
  765. <center>{block:IndexPage}
  766. <div class="fade"></div>
  767. <div class="perma">
  768. <a href="{Like}" title="Like" target="_blank">{LikeButton color="white" size="30"}</a></div>
  769. <div class="perma2">
  770. <a href="{ReblogURL}" title="Reblog" target="_blank">{ReblogButton color="white" size="30"}</a></div>
  771. <div class="perma3">
  772. <a href="{Permalink}" target="_blank">Posted {timeago}</a>-
  773. <a href="{Permalink}" target="_blank">{notecount} notes</a></div>
  774. <div style="width:250px; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}</center>
  775. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden; overflow-y:hidden">{Video-500}{/block:PermalinkPage}</center>
  776. {block:Video}
  777.  
  778. {block:Answer}
  779. <div class="triangle"></div>
  780. <div style="margin:3px; margin-top:-5px; min-height:30px; margin-left:58px; padding:5px; background:#f3f3f3; border-radius:10px;">
  781. <img src="{AskerPortraitURL-30}" width="30" align="left"
  782. style="margin-left:-63px; margin-top:-5px; opacity:1; border:1px solid #eee; border-radius:50px; padding:7px; background:#fbfbfb; outline:1px solid transparent;">
  783. <askk><div style=" font-family:Dancing Script; font-size:25px; line-height:35px; color:white; text-shadow: -1px 0 {color:ask color}, 0 1px {color:ask color}, 1px 0 {color:ask color}, 0 -1px {color:ask color};">{Asker}:</div></askk> <div style="padding-bottom:3px;">{Question}</div></div>
  784. <div class="triangle2"></div>
  785. <div style="margin-top:10px; min-height:30px; margin-left:0px; padding:5px; background:{color:ask color}; color:white; width:230px; border-radius:10px;">{Answer}</div><br>
  786. <div class="permalinktext">
  787. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>
  788. {/block:Answer}
  789.  
  790. {block:PermalinkPage}
  791. <center><br>
  792. {block:caption}{caption}{/block:caption}
  793. {block:Date}posted <u>{DayOfWeek}</u>{/block:Date} {block:NoteCount}with {NoteCount} notes<br>{/block:NoteCount}
  794. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>of:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  795. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</center>
  796. {/block:PermalinkPage}
  797. {block:PostNotes}
  798. <div id="postnotes">{PostNotes}</div>
  799. {/block:PostNotes}</div>{/block:Posts}
  800. </div></div>
  801.  
  802. {block:indexpage}
  803. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  804. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  805. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  806. <script type="text/javascript">
  807. $(window).load(function(){
  808. var $wall = $('#posts');
  809. $wall.imagesLoaded(function(){
  810. $wall.masonry({
  811. itemSelector: '#entry, #entry_photo',
  812. isAnimated : false
  813. });
  814. });
  815.  
  816. $wall.infinitescroll({
  817. navSelector : '#page-nav',
  818. nextSelector : '#page-nav a',
  819. itemSelector : '#entry, #entry_photo',
  820. bufferPx : 2000,
  821. debug : false,
  822. errorCallback: function() {
  823. $('#infscr-loading').fadeOut('normal');
  824. }},
  825. function( newElements ) {
  826. var $newElems = $( newElements );
  827. $newElems.hide();
  828. $newElems.imagesLoaded(function(){
  829. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  830. });
  831. }); $('#content').show(500);
  832. });
  833. </script>
  834. {/block:indexpage}
  835.  
  836. <body onkeydown="return false">
  837. </body>
  838.  
  839. <div style="z-index:99999999999; position:fixed; bottom:3px; right:10px; 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>
  840. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement