API tools faq
paste
Advertisement
Seedfawn

Theme 25

Seedfawn
Dec 17th, 2015
595
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.42 KB | None | 0 0
raw download clone embed print report
  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. }
  23. }
  24. }
  25. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  26.  
  27. //-->
  28. </script>
  29.  
  30. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  31. <script>
  32. $(document).ready(function() {
  33. //
  34. $('a.poplight[href^=#]').click(function() {
  35. var popID = $(this).attr('rel'); //Get Popup Name
  36. var popURL = $(this).attr('href'); //Get Popup href to define size
  37. var query= popURL.split('?');
  38. var dim= query[1].split('&');
  39. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  40. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://38.media.tumblr.com/30853fe6c9b10e246922a5953db4d1a0/tumblr_inline_nl8j0gMXwf1ry72eo.gif" class="btn_close" title="Close" alt="Close" /></a>');
  41. var popMargTop = ($('#' + popID).height() + 60) / 2;
  42. var popMargLeft = ($('#' + popID).width() + 90) / 2;
  43. //Apply Margin to Popup
  44. $('#' + popID).css({
  45. 'margin-top' : -popMargTop,
  46. 'margin-left' : -popMargLeft
  47. });
  48. $('body').append('<div id="fade"></div>');
  49. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  50. return false;
  51. });
  52. $('a.close, #fade').live('click', function() {
  53. $('#fade , .popup_block').fadeOut(function() {
  54. $('#fade, a.close').remove(); //fade them both out
  55. });
  56. return false;
  57. });
  58. });
  59. </script>
  60.  
  61. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  62. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  63. <script>
  64. (function($){
  65. $(document).ready(function(){
  66. $("[title]").style_my_tooltips();
  67. });
  68. })(jQuery);
  69. </script>
  70.  
  71. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  72.  
  73. <link href='https://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
  74.  
  75. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  76.  
  77. <meta name="image:Background" content=""/>
  78. <meta name="image:Sidebar" content=""/>
  79. <meta name="image:Transparent" content=""/>
  80. <meta name="color:Background" content="#f5f5f5"/>
  81. <meta name="color:Title" content="#5289db"/>
  82. <meta name="color:Text" content="#426eaf"/>
  83. <meta name="color:Link" content="#ffffff"/>
  84. <meta name="color:Hover" content="#97b8e9"/>
  85. <meta name="color:Sidebar" content="#5289db"/>
  86. <meta name="color:Blogtitle" content="#87a8d3"/>
  87. <meta name="color:Navigation" content="#5289db"/>
  88. <meta name="color:Scrollbar" content="#87a8d3"/>
  89. <meta name="color:Quote" content="#87a8d3"/>
  90. <meta name="color:Permalink" content="#87a8d3"/>
  91. <meta name="color:Ask" content="#87a8d3"/>
  92. <meta name="color:Selection" content="#75a1e2"/>
  93. <meta name="text:Blogtitle" content="Rainy Day"/>
  94. <meta name="text:Your Name" content="Name"/>
  95. <meta name="text:Link One" content="" />
  96. <meta name="text:Link Two" content="/" />
  97. <meta name="text:Link Three" content="" />
  98. <meta name="text:Link Four" content="http://seedfawn.tumblr.com"/>
  99. <meta name="text:Link One Title" content="Refresh"/>
  100. <meta name="text:Link Two Title" content="Message"/>
  101. <meta name="text:Link Three Title" content="Navigation"/>
  102. <meta name="text:Link Four Title" content="Credit"/>
  103. </script>
  104.  
  105. <style type="text/css">
  106.  
  107. @-webkit-keyframes pop-in {
  108. 0% { opacity: 0; -webkit-transform: scale(0); }
  109. 100% { opacity: 1; -webkit-transform: scale(1); }
  110. }
  111. @-moz-keyframes pop-in {
  112. 0% { opacity: 0; -moz-transform: scale(0); }
  113. 100% { opacity: 1; -moz-transform: scale(1); }
  114. }
  115. @keyframes pop-in {
  116. 0% { opacity: 0; transform: scale(0); }
  117. 100% { opacity: 1; transform: scale(1); }
  118. }
  119.  
  120. .tmblr-iframe{
  121. z-index:9999999999!important;
  122. opacity:.2 !important;
  123. -webkit-filter:invert(100%);
  124. top:25px !important;
  125. right:8px !important;
  126. position:fixed!important;
  127. }
  128.  
  129. #fade { /*--Transparent background layer--*/
  130. display: none; /*--hidden by default--*/
  131. background: #fff;
  132. background-image: url('');
  133. position: fixed; left: 0; top: 0;
  134. width: 100%; height: 100%;
  135. opacity: .70;
  136. z-index: 99999;
  137. }
  138. .popup_block{
  139. display: none; /*--hidden by default--*/
  140. background: #fff;
  141. padding: 20px;
  142. border:7px solid {color:sidebar};
  143. float: left;
  144. position: fixed;
  145. top: 50%; left: 50%;
  146. font-family:calibri;
  147. font size:8px;
  148. text-transform:uppercase;
  149. letter-spacing:2px;
  150. z-index: 9999999999999999999999999999999999999999999999999999999999999999;
  151. }
  152. img.btn_close {
  153. float: right;
  154. margin: -5px -5px 0 0;
  155. }
  156. /*--Making IE6 Understand Fixed Positioning--*/
  157. *html #fade {
  158. position: absolute;
  159. }
  160. *html .popup_block {
  161. position: absolute;
  162. }
  163.  
  164. body {
  165. color:{color:Text};
  166. font-family:calibri;
  167. text-transform:none;
  168. font-size:8px;
  169. line-height:12px;
  170. background-size:repeat;
  171. background-attachment:fixed;
  172. background-image:url({image:Background});
  173. background-color:{color:Background};
  174. cursor: url(http://static.tumblr.com/p3mk1pa/zzqnm79h1/cur817.gif), auto;
  175. }
  176.  
  177. a:link, a:active, a:visited{
  178. color:{color:Link};
  179. text-decoration:none;
  180. -webkit-transition:all 0.6s ease-out;
  181. -moz-transition:all 0.6s ease-out;
  182. -o-transition:all 0.6s ease-out;
  183. transition:all 0.6s ease-out;
  184. cursor: url(http://static.tumblr.com/p3mk1pa/zzqnm79h1/cur817.gif), auto;
  185. }
  186.  
  187. a:hover{
  188. color:{color:Hover};
  189. text-decoration:none;
  190. -webkit-transition:all 0.5s ease-out;
  191. -moz-transition:all 0.5s ease-out;
  192. -o-transition:all 0.5s ease-out;
  193. transition:all 0.5s ease-out;
  194. cursor: url(http://static.tumblr.com/p3mk1pa/zzqnm79h1/cur817.gif), auto;
  195. }
  196.  
  197. ::-webkit-scrollbar-thumb{
  198. background-color:{color:scrollbar};
  199. border:0px solid transparent;
  200. height:auto;
  201. -moz-border-radius:0px;
  202. border-radius:0px;
  203. }
  204.  
  205. ::-webkit-scrollbar{
  206. width:7px;
  207. border:0px solid transparent;
  208. }
  209.  
  210. ::selection {
  211. background:transparent;
  212. color:{color:selection};
  213. }
  214.  
  215. ::-moz-selection {
  216. background:transparent;
  217. color:{color:selection};
  218. }
  219.  
  220. #s-m-t-tooltip{
  221. max-width:300px;
  222. margin:10px;
  223. padding:2px 5px;
  224. color:white;
  225. font-family:calibri;
  226. font-size:8px;
  227. text-transform:uppercase;
  228. letter-spacing:2px;
  229. background:rgba(0, 0, 0, .7);
  230. z-index:999999999!important;
  231. }
  232.  
  233. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  234. #audio {
  235. width:200px;
  236. height:auto;
  237. min-height:60px;
  238. padding-bottom:0px;
  239. }
  240.  
  241. .cover {
  242. position:absolute;
  243. z-index:1;
  244. width:80px;
  245. height:80px;
  246. margin-left:60%;
  247. }
  248.  
  249. .cover img {
  250. float:right;
  251. width:80px;
  252. height:80px;
  253. }
  254.  
  255. .playbox {
  256. opacity:.6;
  257. width:27px;
  258. height:30px;
  259. overflow:hidden;
  260. position:absolute;
  261. z-index:1000;
  262. margin-left:0;
  263. margin-top:26px;
  264. text-align:center;
  265. margin-left:70%;
  266. }
  267.  
  268. .info {
  269. margin-left:0px;
  270. text-align:center;
  271. margin-top:0px;
  272. width:161px;
  273. height:70px;
  274. border-bottom:10px solid white;
  275. padding:5px;
  276. line-height:14px;
  277. background:{color:sidebar};
  278. color:white;
  279. }
  280.  
  281. #cunt{width:250px; height:auto;}
  282. {block:PermalinkPage}
  283. width:10px;
  284. {/block:PermalinkPage}
  285. }
  286.  
  287. #center{
  288. padding-top:3px;
  289. padding-bottom:3px;
  290. position:fixed !important;
  291. width:250px;
  292. height:207px;
  293. background-color:#fff;
  294. {block:PermalinkPage}
  295. width:410px;
  296. height:207px;
  297. {/block:PermalinkPage}
  298. }
  299.  
  300. #posts{
  301. float:center;
  302. {block:indexpage}
  303. width:650px;
  304. {/block:indexpage}
  305. {block:permalinkpage}
  306. width:630px;
  307. {/block:permalinkpage}
  308. margin-left:380px;
  309. padding-top:15px;
  310. z-index:99;
  311. }
  312.  
  313. #entry img{
  314. {block:indexpage}
  315. background:#fff;
  316. max-width:250px;
  317. opacity:1;
  318. z-index:999;
  319. -webkit-transition:all 0.7s ease-out;
  320. -moz-transition:all 0.7s ease-out;
  321. transition:all 0.7s ease-out;
  322. {/block:indexpage}
  323. {block:PermalinkPage}
  324. outline:1px solid #fff;
  325. outline-offset:-2px;
  326. {/block:PermalinkPage}
  327. }
  328.  
  329. #entry{
  330. z-index:999;
  331. margin:20px;
  332. float:left;
  333. font-size:10px;
  334. line-height:13px;
  335. text-transform:normal;
  336. width:250px;
  337. padding:10px;
  338. {block:PermalinkPage}
  339. opacity:.9;
  340. width:400px;
  341. margin-top:20px;
  342. margin-left:8px;
  343. background:{color:sidebar};
  344. border:5px solid white;
  345. color:white;
  346. z-index:999;
  347. {/block:PermalinkPage}
  348. -moz-transition: all 0.7s ease-out;
  349. -o-transition: all 0.7s ease-out;
  350. -webkit-transition: all 0.7s ease-out;
  351. transition: all 0.7s ease-out;
  352. }
  353.  
  354. #entry .perma{
  355. width:230px;
  356. height:15px;
  357. bottom:-22px;
  358. line-height:15px;
  359. font-size:8px;
  360. font-family:calibri;
  361. text-transform:uppercase;
  362. background:{color:permalink};
  363. color:white;
  364. position:absolute;
  365. z-index:99;
  366. padding:10px;
  367. opacity:1;
  368. }
  369.  
  370. #entry:hover .perma{
  371. overflow:visible;
  372. opacity:1;
  373. }
  374.  
  375. #entry .triangle{
  376. position:absolute;
  377. width:0px;
  378. height:0px;
  379. margin-left:20px;
  380. bottom:7px;
  381. border-top: 12px solid transparent;
  382. border-bottom: 12px solid transparent;
  383. border-right: 12px solid {color:permalink};
  384. transform: rotate(90deg);
  385. -ms-transform: rotate(90deg);
  386. -webkit-transform: rotate(90deg);
  387. -o-transform: rotate(90deg);
  388. -moz-transform: rotate(90deg);
  389. z-index:9999;
  390. }
  391.  
  392. #entry .fade{
  393. position:absolute;
  394. width:250px;
  395. height:calc(100% - 23px);
  396. background:white;
  397. margin-left:0px;
  398. margin-top:0px;
  399. opacity:0;
  400. z-index:99;
  401. }
  402.  
  403. #entry:hover .fade{
  404. opacity:.2;
  405. }
  406.  
  407. #entry .box1{
  408. position:absolute;
  409. width:70px;
  410. height:70px;
  411. background:transparent;
  412. border-left:2px solid #fff;
  413. border-top:2px solid #fff;
  414. margin-left:10px;
  415. margin-top:10px;
  416. opacity:0;
  417. z-index:99;
  418. }
  419.  
  420. #entry:hover .box1{
  421. opacity:1;
  422. }
  423.  
  424. #entry .box2{
  425. position:absolute;
  426. width:70px;
  427. height:70px;
  428. bottom:23px;
  429. right:20px;
  430. background:transparent;
  431. border-right:2px solid #fff;
  432. border-bottom:2px solid #fff;
  433. opacity:0;
  434. z-index:99;
  435. }
  436.  
  437. #entry:hover .box2{
  438. opacity:1;
  439. }
  440.  
  441. #permalinktext{
  442. position:absolute;
  443. display:block;
  444. width:10px;
  445. height:10px;
  446. font-size:12px;
  447. color:white;
  448. bottom:-15px;
  449. margin-left:-5px;
  450. text-transform:uppercase;
  451. background:{color:permalink};
  452. border-radius:10px;
  453. padding-top:4px;
  454. padding-bottom:6px;
  455. padding-left:4.5px;
  456. padding-right:5.5px;
  457. opacity:0;
  458. -webkit-transform: scale(2);
  459. -webkit-transition:all 0.5s ease-in-out;
  460. -moz-transition:all 0.5s ease-in-out;
  461. transition:all 0.5s ease-in-out;
  462. }
  463.  
  464. #permalinktext:hover{
  465. opacity:1;
  466. }
  467.  
  468. #entry:hover #permalinktext{
  469. -webkit-transform: scale(1);
  470. opacity:1;
  471. }
  472.  
  473. #permalinktext2{
  474. position:absolute;
  475. display:block;
  476. width:10px;
  477. height:10px;
  478. font-size:12px;
  479. color:white;
  480. bottom:-15px;
  481. margin-left:20px;
  482. text-transform:uppercase;
  483. background: rgba( {RGBcolor:Permalink}, 0.7);
  484. border-radius:10px;
  485. padding-top:4px;
  486. padding-bottom:6px;
  487. padding-left:5px;
  488. padding-right:5px;
  489. opacity:0;
  490. -webkit-transform: scale(0);
  491. -webkit-transition:all 0.5s ease-in-out;
  492. -moz-transition:all 0.5s ease-in-out;
  493. transition:all 0.5s ease-in-out;
  494. }
  495.  
  496. #permalinktext2:hover{
  497. opacity:1;
  498. }
  499.  
  500. #entry:hover #permalinktext2{
  501. -webkit-transform: scale(1);
  502. opacity:1;
  503. }
  504.  
  505. .title{
  506. font-family: 'Quicksand', sans-serif;
  507. color:{color:title};
  508. font-size:40px;
  509. line-height:35px;
  510. }
  511.  
  512. .title:hover{
  513. text-decoration:none;
  514. }
  515.  
  516. #blogtitle{
  517. position: fixed !important;
  518. width:auto;
  519. margin-top:-10px;
  520. margin-left:30px;
  521. color:{color:Blogtitle};
  522. font-family: 'Quicksand', sans-serif;
  523. font-size:25px;
  524. padding:5px;
  525. background:{color:background};
  526. letter-spacing:0px;
  527. text-transform:uppercase;
  528. opacity:1;
  529. z-index:9999;
  530. text-shadow: white 1.1px 1.1px, white 0 1.1px, white -1.1px 1.1px, white -1.1px 0, white -1.1px -1.1px, white 0 -1.1px, white 1.1px -1.1px, white 1.1px 0;
  531. -webkit-transition:all 0.7s ease-in-out;
  532. -moz-transition:all 0.7s ease-in-out;
  533. transition:all 0.7s ease-in-out;
  534. }
  535.  
  536. #sidebar{
  537. overflow:auto;
  538. position:fixed !important;
  539. margin-top:200px;
  540. margin-left:80px;
  541. width:200px;
  542. height:165px;
  543. background:transparent;
  544. opacity:1;
  545. z-index:99;
  546. -webkit-transition:all 0.7s ease-in-out;
  547. -moz-transition:all 0.7s ease-in-out;
  548. transition:all 0.7s ease-in-out;
  549. }
  550.  
  551. #desc{
  552. position:fixed !important;
  553. margin-top:190px;
  554. margin-left:25px;
  555. line-height:15px;
  556. width:164px;
  557. height:auto;
  558. padding:8px;
  559. text-align:justify;
  560. background:{color:sidebar};
  561. color:white;
  562. text-transform:uppercase;
  563. font-family:calibri;
  564. opacity:1;
  565. font-size:8px;
  566. letter-spacing:2px;
  567. z-index:9999;
  568. -webkit-transition:all 0.7s ease-in-out;
  569. -moz-transition:all 0.7s ease-in-out;
  570. transition:all 0.7s ease-in-out;
  571. }
  572.  
  573. #link1{
  574. position:fixed;
  575. margin-top:22px;
  576. margin-left:-5px;
  577. z-index:9;
  578. }
  579.  
  580. #linkone{
  581. width:20px;
  582. height:20px;
  583. font-size:15px;
  584. color:{color:navigation};
  585. padding:3px;
  586. opacity:1;
  587. z-index:9;
  588. -webkit-transition: all 0.5s ease-in-out;
  589. -moz-transition: all 0.5s ease-in-out;
  590. -o-transition: all 0.5s ease-in-out;
  591. }
  592.  
  593. #onebox{
  594. position:fixed;
  595. width:auto;
  596. height:auto;
  597. margin-top:-24px;
  598. margin-left:-180px;
  599. background:rgba(0, 0, 0, 0.5);
  600. color:white;
  601. font-family:calibri;
  602. font-size:8px;
  603. padding:2px;
  604. text-transform:uppercase;
  605. text-align:right;
  606. letter-spacing:1px;
  607. opacity:1;
  608. border-radius:5px;
  609. z-index:9;
  610. -webkit-transition: all .5s ease-in-out;
  611. -moz-transition: all .5s ease-in-out;
  612. -o-transition: all .5s ease-in-out;
  613. }
  614.  
  615. #link1:hover #onebox{
  616. margin-left:-55px;
  617. opacity:1;
  618. }
  619.  
  620. #link2{
  621. position:fixed;
  622. margin-top:60px;
  623. margin-left:-5px;
  624. z-index:9;
  625. }
  626.  
  627. #linktwo{
  628. width:20px;
  629. height:20px;
  630. font-size:15px;
  631. color:{color:navigation};
  632. padding:3px;
  633. opacity:1;
  634. z-index:9;
  635. -webkit-transition: all 0.5s ease-in-out;
  636. -moz-transition: all 0.5s ease-in-out;
  637. -o-transition: all 0.5s ease-in-out;
  638. }
  639.  
  640. #twobox{
  641. position:fixed;
  642. width:auto;
  643. height:auto;
  644. margin-top:-24px;
  645. margin-left:-200px;
  646. background:rgba(0, 0, 0, 0.5);
  647. color:white;
  648. font-family:calibri;
  649. font-size:8px;
  650. padding:2px;
  651. text-transform:uppercase;
  652. text-align:right;
  653. letter-spacing:1px;
  654. opacity:1;
  655. border-radius:5px;
  656. z-index:9;
  657. -webkit-transition: all .5s ease-in-out;
  658. -moz-transition: all .5s ease-in-out;
  659. -o-transition: all .5s ease-in-out;
  660. }
  661.  
  662. #link2:hover #twobox{
  663. margin-left:-57px;
  664. opacity:1;
  665. }
  666.  
  667. #link3{
  668. position:fixed;
  669. margin-top:100px;
  670. margin-left:-5px;
  671. z-index:9;
  672. }
  673.  
  674. #linkthree{
  675. width:20px;
  676. height:20px;
  677. font-size:15px;
  678. color:{color:navigation};
  679. padding:3px;
  680. opacity:1;
  681. z-index:9;
  682. -webkit-transition: all 0.5s ease-in-out;
  683. -moz-transition: all 0.5s ease-in-out;
  684. -o-transition: all 0.5s ease-in-out;
  685. }
  686.  
  687. #threebox{
  688. position:fixed;
  689. width:auto;
  690. height:auto;
  691. margin-top:-24px;
  692. margin-left:-160px;
  693. background:rgba(0, 0, 0, 0.5);
  694. color:white;
  695. font-family:calibri;
  696. font-size:8px;
  697. padding:2px;
  698. text-transform:uppercase;
  699. text-align:right;
  700. letter-spacing:1px;
  701. opacity:1;
  702. border-radius:5px;
  703. z-index:9;
  704. -webkit-transition: all .5s ease-in-out;
  705. -moz-transition: all .5s ease-in-out;
  706. -o-transition: all .5s ease-in-out;
  707. }
  708.  
  709. #link3:hover #threebox{
  710. margin-left:-65px;
  711. opacity:1;
  712. }
  713.  
  714. #link4{
  715. position:fixed;
  716. margin-top:140px;
  717. margin-left:-5px;
  718. z-index:9;
  719. }
  720.  
  721. #linkfour{
  722. width:20px;
  723. height:20px;
  724. font-size:15px;
  725. color:{color:navigation};
  726. padding:3px;
  727. opacity:1;
  728. z-index:9;
  729. -webkit-transition: all 0.5s ease-in-out;
  730. -moz-transition: all 0.5s ease-in-out;
  731. -o-transition: all 0.5s ease-in-out;
  732. }
  733.  
  734. #fourbox{
  735. position:fixed;
  736. width:auto;
  737. height:auto;
  738. margin-top:-24px;
  739. margin-left:-200px;
  740. background:rgba(0, 0, 0, 0.5);
  741. color:white;
  742. font-family:calibri;
  743. font-size:8px;
  744. padding:2px;
  745. text-transform:uppercase;
  746. text-align:right;
  747. letter-spacing:1px;
  748. opacity:1;
  749. border-radius:5px;
  750. z-index:9;
  751. -webkit-transition: all .5s ease-in-out;
  752. -moz-transition: all .5s ease-in-out;
  753. -o-transition: all .5s ease-in-out;
  754. }
  755.  
  756. #link4:hover #fourbox{
  757. margin-left:-50px;
  758. opacity:1;
  759. }
  760.  
  761. #l{
  762. position:fixed;
  763. height:220px;
  764. margin-left:200px;
  765. margin-top:0px;
  766. font-family:calibri;
  767. font-size:8px;
  768. color:white;
  769. border-left:1px solid {color:sidebar};
  770. padding:0px;
  771. z-index:1;
  772. }
  773.  
  774. #quotebar1{
  775. position:fixed;
  776. left:76px;
  777. top:0px;
  778. width:100%;
  779. height:15px;
  780. background:{color:Quote};
  781. border-bottom:7px solid #fff;
  782. z-index:999;
  783. }
  784.  
  785. #quotebar2{
  786. position:fixed;
  787. left:76px;
  788. bottom:0px;
  789. width:100%;
  790. height:15px;
  791. background:{color:Quote};
  792. border-top:7px solid #fff;
  793. z-index:9999;
  794. }
  795.  
  796. #box{
  797. position:fixed;
  798. left:-70px;
  799. top:-58px;
  800. width:150px;
  801. height:120px;
  802. background:{color:Quote};
  803. border-bottom:7px solid #fff;
  804. z-index:999;
  805. transform: rotate(-45deg);
  806. -ms-transform: rotate(-45deg);
  807. -webkit-transform: rotate(-45deg);
  808. -o-transform: rotate(-45deg);
  809. -moz-transform: rotate(-45deg);
  810. }
  811.  
  812. #box2{
  813. position:fixed;
  814. left:-70px;
  815. bottom:-67px;
  816. width:150px;
  817. height:120px;
  818. background:{color:Quote};
  819. border-bottom:7px solid #fff;
  820. z-index:999;
  821. transform: rotate(45deg);
  822. -ms-transform: rotate(45deg);
  823. -webkit-transform: rotate(45deg);
  824. -o-transform: rotate(45deg);
  825. -moz-transform: rotate(45deg);
  826. }
  827.  
  828. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  829. #infscr-loading{
  830. bottom: -70px;
  831. position: absolute;
  832. left: 50%;
  833. margin-left:-8px;
  834. width:16px;
  835. height:11px;
  836. overflow:hidden;
  837. margin-bottom: 50px;
  838. }
  839.  
  840. #postnotes{
  841. text-align: justify;}
  842.  
  843. #postnotes blockquote{
  844. border: 0px;}
  845.  
  846. blockquote{
  847. padding:0px 0px 2px 5px;
  848. margin:0px 0px 2px 10px;
  849. border-left: 1px dotted #eee;
  850. }
  851.  
  852. blockquote p, ul{
  853. margin:0px;
  854. padding:0px;
  855. }
  856.  
  857. </style>
  858.  
  859. <title>{Title}</title>
  860.  
  861. <link rel="shortcut icon" href="{favicon}">
  862.  
  863. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  864. <meta name="viewport" content="width=720" />
  865.  
  866. </head>
  867.  
  868. <body>
  869.  
  870. <div id="center">
  871. <div id="content">
  872.  
  873. <div id="box"></div>
  874. <div id="box2"></div>
  875. <div id="quotebar1"></div>
  876. <div id="quotebar2"></div>
  877.  
  878. <div id="sidebar">
  879.  
  880. <div id="blogtitle">{text:Blogtitle}</div>
  881.  
  882. <div id="desc">{description}
  883. </div>
  884.  
  885. <div id="link1">
  886. <div class="t1"></div>
  887. <div id="linkone"><a href="{text:Link One}"><i class="fa fa-spinner" style="color:{color:navigation}"></i></a></div>
  888. <div id="onebox">
  889. <font style="font-size:8px; font-family:calibri; text-transform:uppercase; padding:2px;">{text:link one title}</font>
  890. </div>
  891. </div>
  892.  
  893. <div id="link2">
  894. <div class="t2"></div>
  895. <div id="linktwo"><a href="{text:Link Two}"><i class="fa fa-comment-o" style="color:{color:navigation}"></i></a></div>
  896. <div id="twobox">
  897. <font style="font-size:8px; font-family:calibri; text-transform:uppercase; padding:2px;">{text:link two title}</font>
  898. </div>
  899. </div>
  900.  
  901. <div id="link3">
  902. <div class="t3"></div>
  903. <div id="linkthree"><a href="{text:Link Three}"><i class="fa fa-bars" style="color:{color:navigation}"></i></a></div>
  904. <div id="threebox">
  905. <font style="font-size:8px; font-family:calibri; text-transform:uppercase; padding:2px;">{text:link three title}</font>
  906. </div>
  907. </div>
  908.  
  909. <div id="link4">
  910. <div class="t4"></div>
  911. <div id="linkfour"><a href="{text:Link Four}"><i class="fa fa-star-o" style="color:{color:navigation}"></i></a></div>
  912. <div id="fourbox">
  913. <font style="font-size:8px; font-family:calibri; text-transform:uppercase; padding:2px;">{text:link four title}</font>
  914. </div>
  915. </div>
  916.  
  917. <img src="{image:sidebar}" style="margin-left:25px; position:fixed; border:1px solid {color:sidebar}; padding:20px; opacity:1; width:138px; height:138px; outline:3px solid #fff; outline-offset:-30px; background:{color:background}; z-index:9999;"></div>
  918.  
  919. <img style="position:fixed; bottom:30px; right:10px; opacity:.9; width:240px; height:auto; z-index:1;" src="{image:transparent}">
  920.  
  921. </div></div></div></div>
  922.  
  923. <div id="posts">
  924. {block:Posts}
  925. <div id="entry">
  926.  
  927. {block:Text}
  928. {block:indexpage}
  929. <div id="permalinktext">
  930. <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh" style="color:white;"></i></a></div>
  931. <div id="permalinktext2">
  932. <a href="{Permalink}" target="_blank" title="posted {timeago} with {notecountwithlabel}"><i class="fa fa-ellipsis-h" style="color:white;"></i></a></div>
  933. {/block:indexpage}
  934. {block:Title}<span class="title">{Title}</span>{/block:Title}
  935. <span class="entrytext">{Body}</span></a>
  936. {/block:Text}
  937.  
  938. {block:Link}
  939. {block:indexpage}
  940. <div id="permalinktext">
  941. <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh" style="color:white;"></i></a></div>
  942. <div id="permalinktext2">
  943. <a href="{Permalink}" target="_blank" title="posted {timeago} with {notecountwithlabel}"><i class="fa fa-ellipsis-h" style="color:white;"></i></a></div>
  944. {/block:indexpage}
  945. <a href="{URL}" class="title">{Name}</a>
  946. {block:Description}{Description}{/block:Description}
  947. {block:Link}
  948.  
  949. {block:Photo}{block:IndexPage}<div class="lovely"></div>
  950. <div class="box1"></div>
  951. <div class="box2"></div>
  952. <div class="fade"></div>
  953. <div class="triangle"></div>
  954. <div class="perma">
  955. <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh" style="color:white; font-size:15px;" title="reblog"></i></a>
  956. <a href="{Permalink}" target="_blank" title="posted {timeago} with {notecountwithlabel}"><i class="fa fa-ellipsis-h" style="color:white; font-size:15px; float:right;"></i></a></div>
  957. {/block:IndexPage}
  958.  
  959. {block:IndexPage}
  960. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=250px;>
  961. {/block:IndexPage}
  962. {block:permalinkpage}{LinkOpenTag}<center>
  963. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=400px;>
  964. {LinkCloseTag}</center>{/block:permalinkpage}
  965. {/block:Photo}
  966.  
  967. {block:Quote}
  968. {block:indexpage}
  969. <div id="permalinktext">
  970. <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh" style="color:white;"></i></a></div>
  971. <div id="permalinktext2">
  972. <a href="{Permalink}" target="_blank" title="posted {timeago} with {notecountwithlabel}"><i class="fa fa-ellipsis-h" style="color:white;"></i></a></div>
  973. {/block:indexpage}
  974. <div class="quote">❝ {quote}</div>
  975. {/block:Quote}
  976.  
  977. {block:Chat}
  978. {block:indexpage}
  979. <div id="permalinktext">
  980. <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh" style="color:white;"></i></a></div>
  981. <div id="permalinktext2">
  982. <a href="{Permalink}" target="_blank" title="posted {timeago} with {notecountwithlabel}"><i class="fa fa-ellipsis-h" style="color:white;"></i></a></div>
  983. {/block:indexpage}
  984. {block:Title}<span class="title">{Title}</span>{/block:Title}
  985. <ul class="chat">
  986. {block:Lines}
  987. <li class="user_{UserNumber}">
  988. {block:Label}
  989. <span class="label">{Label}</span>
  990. {/block:Label}
  991.  
  992. {Line}<br>
  993. {/block:Lines}
  994. {/block:Chat}
  995.  
  996. {block:Audio}
  997. {block:indexpage}
  998. <div id="permalinktext">
  999. <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh" style="color:white;"></i></a></div>
  1000. <div id="permalinktext2">
  1001. <a href="{Permalink}" target="_blank" title="posted {timeago} with {notecountwithlabel}"><i class="fa fa-ellipsis-h" style="color:white;"></i></a></div>
  1002. {/block:indexpage}
  1003. <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"><br><span{block:TrackName} style="display:none;"{/block:TrackName}><b>Unknown</b></span>{block:TrackName}<font style="font-family: 'Quicksand', sans-serif; font-size:20px; margin-top:5px;">{TrackName}</font>{/block:TrackName}<br><span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</div></div>
  1004. {/block:Audio}
  1005.  
  1006. {block:photoset}
  1007. {block:indexpage}
  1008. {photoset-250}
  1009. <div id="permalinktext">
  1010. <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh" style="color:white;"></i></a></div>
  1011. <div id="permalinktext2">
  1012. <a href="{Permalink}" target="_blank" title="posted {timeago} with {notecountwithlabel}"><i class="fa fa-ellipsis-h" style="color:white;"></i></a></div>
  1013. {/block:indexpage}
  1014. {block:permalinkpage}
  1015. {photoset-400}
  1016. {/block:permalinkpage}
  1017. {/block:photoset}
  1018.  
  1019. {block:Video}
  1020. <center>{block:IndexPage}
  1021. <div id="permalinktext">
  1022. <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh" style="color:white;"></i></a></div>
  1023. <div id="permalinktext2">
  1024. <a href="{Permalink}" target="_blank" title="posted {timeago} with {notecountwithlabel}"><i class="fa fa-ellipsis-h" style="color:white;"></i></a></div>
  1025. <div style="width:250px; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}</center>
  1026. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden; overflow-y:hidden">{Video-500}{/block:PermalinkPage}</center>
  1027. {block:Video}
  1028.  
  1029. {block:Answer}
  1030. {block:IndexPage}
  1031. <div id="permalinktext">
  1032. <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh" style="color:white;"></i></a></div>
  1033. <div id="permalinktext2">
  1034. <a href="{Permalink}" target="_blank" title="posted {timeago} with {notecountwithlabel}"><i class="fa fa-ellipsis-h" style="color:white;"></i></a></div>
  1035. <askk><div style="font-family: 'Quicksand', sans-serif; font-size:20px; text-align:left; margin-left:50px; letter-spacing:1px;">{Asker}—</askk></div><br>
  1036. <div style="margin-left:-5px; margin-top:-10px;">
  1037. <img src="{AskerPortraitURL-48}" width="48" align="left" style="margin-top:-20px;"></div>
  1038. <div style="margin-top:0px; border-radius:0px; margin-left:50px; padding:7px; background:{color:ask}; text-align:justify; text-transform:uppercase; font-family:calibri; font-size:8px; color:white; letter-spacing:2px;">
  1039. {Question}</div>
  1040. <div style="padding:10px; margin-left:0px; width:240px; font-family: 'Quicksand', sans-serif; font-size:20px; text-align:right; text-transform:none;">{text:Your Name}</div>
  1041. <div style="text-transform:uppercase; margin-top:-10px; font-family:calibri; font-size:8px; color:{color:text}; letter-spacing:2px; background:#f5f5f5; text-align:justify; padding:5px;">{Answer}</div>
  1042. {/block:IndexPage}
  1043.  
  1044. {block:PermalinkPage}
  1045. <table style="border-bottom:1px solid {color:ask};padding-bottom:5px;margin-bottom:5px;">
  1046. <tr>
  1047. <td style="vertical-align:top;padding-right:10px;"><img src="{AskerPortraitURL-30}"></td>
  1048. <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>
  1049. </tr>
  1050. </table>
  1051. {Answer}
  1052. {/block:PermalinkPage}
  1053. {/block:Answer}
  1054.  
  1055. {block:PermalinkPage}
  1056. <justify><br>
  1057. {block:caption}<div style="color:white; width:390px; font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;"><b>Caption:</b> {caption}</div>{/block:caption}
  1058. {block:Date}<div style="color:white; width:390px;font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;"><b>Posted:</b> {DayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix} at {12Hour}:{Minutes} {/block:Date}<br> {block:NoteCount}<b>notes:</b> {notecountwithlabel}</div>{/block:NoteCount}<br>
  1059. {block:RebloggedFrom}<div style="color:white; width:390px; font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;"><b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a><br> <b>Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</div></a>{/block:RebloggedFrom}
  1060. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</justify>
  1061. {/block:PermalinkPage}
  1062. {block:PostNotes}
  1063. <div id="postnotes"> <div style="overflow:auto; width:400px; height:300px; color:white; text-align:justify; font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;">{PostNotes}</div></div>
  1064. {/block:PostNotes}</div>{/block:Posts}
  1065. </div></div></div>{/block:NextPage}{/block:Pagination}
  1066.  
  1067. {block:indexpage}
  1068. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  1069. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  1070. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  1071. <script type="text/javascript">
  1072. $(window).load(function(){
  1073. var $wall = $('#posts');
  1074. $wall.imagesLoaded(function(){
  1075. $wall.masonry({
  1076. itemSelector: '#entry, #entry_photo',
  1077. isAnimated : false
  1078. });
  1079. });
  1080.  
  1081. $wall.infinitescroll({
  1082. navSelector : '#page-nav',
  1083. nextSelector : '#page-nav a',
  1084. itemSelector : '#entry, #entry_photo',
  1085. bufferPx : 2000,
  1086. debug : false,
  1087. errorCallback: function() {
  1088. $('#infscr-loading').fadeOut('normal');
  1089. }},
  1090. function( newElements ) {
  1091. var $newElems = $( newElements );
  1092. $newElems.hide();
  1093. $newElems.imagesLoaded(function(){
  1094. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1095. });
  1096. }); $('#content').show(500);
  1097. });
  1098. </script>
  1099. {/block:indexpage}
  1100.  
  1101. </body>
  1102.  
  1103. <div style="z-index:9999; position:fixed; bottom:25px; right:5px; opacity:1"><a href="http://seedfawn.tumblr.com" title="Theme by seedfawn"><img src="http://static.tumblr.com/p3mk1pa/t8xnx5qi8/tumblr_inline_mkqs2xiuzi1qz4rgp.png" width="auto"></a></div>
  1104. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!