Advertisement
Seedfawn

Theme 12

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