Advertisement
Seedfawn

Theme 2

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