Advertisement
Seedfawn

Theme 19

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