Advertisement
Seedfawn

Theme 3

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