API tools faq
paste
Advertisement
micsco987

fclswrtstrk

micsco987
Jun 10th, 2016
116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title>{Title}</title>
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7. <link rel="shortcut icon" href="{Favicon}" />
  8.  
  9. <!---- THIS THEME WAS MADE BY ME, BEAN AND IF I SEE ANY PART OF THIS CODE USED WITHOUT MY PERMISSION I WILL PERSONALLY BEHEAD YOU :))))))))--->
  10.  
  11.  
  12. <!--- blobs-->
  13. <script type="text/javascript">
  14. // <![CDATA[
  15. var colour="#ffffff"; // what colour are the blobs
  16. var speed=66; // speed of animation, lower is faster
  17. var blobs=10; // how many blobs are in the jar
  18. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  19.  
  20. /***************************\
  21. * Blobs in a Jar Effect *
  22. * (c)2012 mf2fm web-design *
  23. * http://www.mf2fm.com/rv *
  24. * DON'T EDIT BELOW THIS BOX *
  25. \***************************/
  26.  
  27. window.onload=fill_the_jar;
  28. var div;
  29. var xpos=new Array();
  30. var ypos=new Array();
  31. var zpos=new Array();
  32. var dx=new Array();
  33. var dy=new Array();
  34. var dz=new Array();
  35. var blob=new Array();
  36. var swide=800;
  37. var shigh=600;
  38. function fill_the_jar() {
  39. var i, dvs;
  40. div=document.createElement('div');
  41. dvs=div.style;
  42. dvs.position='fixed';
  43. dvs.left='0px';
  44. dvs.top='0px';
  45. dvs.width='1px';
  46. dvs.height='1px';
  47. document.body.appendChild(div);
  48. set_width();
  49. for (i=0; i<blobs; i++) {
  50. add_blob(i);
  51. jamjar(i);
  52. }
  53. }
  54.  
  55. function add_blob(ref) {
  56. var dv, sy;
  57. dv=document.createElement('div');
  58. dv.appendChild(document.createTextNode(charc));
  59. sy=dv.style;
  60. sy.position='absolute';
  61. sy.textAlign="center";
  62. if (navigator.appName=="Microsoft Internet Explorer") {
  63. sy.fontSize="10px";
  64. sy.width="100px";
  65. sy.height="100px";
  66. sy.paddingTop="40px";
  67. sy.color=colour;
  68. }
  69. else sy.color='rgba(0,0,0,0)';
  70. ypos[ref]=Math.floor(shigh*Math.random());
  71. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  72. xpos[ref]=Math.floor(swide*Math.random());
  73. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  74. zpos[ref]=Math.random()*20;
  75. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  76. blob[ref]=dv;
  77. div.appendChild(blob[ref]);
  78. set_blob(ref);
  79. }
  80. function rejig(ref, xy) {
  81. if (xy=='y') {
  82. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  83. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  84. }
  85. else {
  86. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  87. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  88. }
  89. }
  90. function sign(a) {
  91. if (a<0) return (-2);
  92. else if (a>0) return (2);
  93. else return (0);
  94. }
  95. function set_blob(ref) {
  96. var sy;
  97. sy=blob[ref].style;
  98. sy.top=ypos[ref]+'px';
  99. sy.left=xpos[ref]+'px';
  100. if (navigator.appName=="Microsoft Internet Explorer") {
  101. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  102. sy.fontSize=30-zpos[ref]+"px";
  103. }
  104. else {
  105. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  106. sy.fontSize=40+zpos[ref]+'px';
  107. }
  108. }
  109. function jamjar(ref) {
  110. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  111. ypos[ref]+=dy[ref];
  112. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  113. xpos[ref]+=dx[ref];
  114. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  115. zpos[ref]+=dz[ref];
  116. set_blob(ref);
  117. setTimeout("jamjar("+ref+")", speed);
  118. }
  119.  
  120. window.onresize=set_width;
  121. function set_width() {
  122. var sw_min=999999;
  123. var sh_min=999999;
  124. if (document.documentElement && document.documentElement.clientWidth) {
  125. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  126. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  127. }
  128. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  129. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  130. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  131. }
  132. if (document.body.clientWidth) {
  133. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  134. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  135. }
  136. if (sw_min==999999 || sh_min==999999) {
  137. sw_min=800;
  138. sh_min=600;
  139. }
  140. swide=sw_min;
  141. shigh=sh_min;
  142. }
  143. // ]]>
  144. </script>
  145. <!--blobs end--->
  146.  
  147.  
  148.  
  149.  
  150. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  151. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  152. <script>
  153. (function($){
  154. $(document).ready(function(){
  155. $("a[title]").style_my_tooltips({
  156. tip_follows_cursor:true,
  157. tip_delay_time:7,
  158. tip_fade_speed:7,
  159. attribute:"title"
  160. });
  161. });
  162. })(jQuery);
  163. </script>
  164.  
  165.  
  166.  
  167. <script type="text/javascript"
  168. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  169. <script>
  170. $(document).ready(function() {
  171. //
  172. $('a.poplight[href^=#]').click(function() {
  173. var popID = $(this).attr('rel'); //Get Popup Name
  174. var popURL = $(this).attr('href'); //Get Popup href to define size
  175. var query= popURL.split('?');
  176. var dim= query[1].split('&');
  177. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  178. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  179. var popMargTop = ($('#' + popID).height() + 80) / 2;
  180. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  181. //Apply Margin to Popup
  182. $('#' + popID).css({
  183. 'margin-top' : -popMargTop,
  184. 'margin-left' : -popMargLeft
  185. });
  186. $('body').append('<div id="fade"></div>');
  187. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  188. return false;
  189. });
  190. $('a.close, #fade').live('click', function() {
  191. $('#fade , .popup_block').fadeOut(function() {
  192. $('#fade, a.close').remove(); //fade them both out
  193. });
  194. return false;
  195. });
  196. });
  197. </script>
  198.  
  199.  
  200. <meta name="if:popupboxes" content="1"/>
  201.  
  202. <meta name="color:Text" content="#222222"/>
  203. <meta name="color:Link" content="#3f5275"/>
  204. <meta name="color:Link Hover" content="#888888"/>
  205. <meta name="color:Accent" content="#222222"/>
  206.  
  207. <meta name="text:Link1" content="/"/>
  208. <meta name="text:Link1 Text" content="home"/>
  209. <meta name="text:Link2" content="/"/>
  210. <meta name="text:Link2 Text" content="ask"/>
  211. <meta name="text:Link3" content="/"/>
  212. <meta name="text:Link3 Text" content="link three"/>
  213. <meta name="text:Link4" content="/"/>
  214. <meta name="text:Link4 Text" content="link four"/>
  215. <meta name="text:Link5" content="/"/>
  216. <meta name="text:Link5 Text" content="link five"/>
  217.  
  218.  
  219.  
  220.  
  221. <link href='https://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  222.  
  223. <link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
  224.  
  225. <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  226.  
  227. <link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  228.  
  229. <link href='https://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>
  230.  
  231. <link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
  232.  
  233. <style type="text/css">
  234.  
  235. ::-webkit-scrollbar-thumb:vertical {
  236. background-color: {color:accent};
  237. border-top:7px solid #9a9a9c;
  238. border-bottom:7px solid #9a9a9c;
  239. }
  240. ::-webkit-scrollbar {
  241. height:0px;
  242. width:1px;
  243. background-color:#9a9a9c;
  244. }
  245.  
  246. ::selection {
  247. background-color:{color:link};
  248. text-shadow:none;
  249. color:{color:accent};
  250. opacity:1;
  251. }
  252. ::-moz-selection {
  253. background-color:{color:link};
  254. text-shadow:none;
  255. color:{color:accent};
  256. opacity:1;
  257. }
  258.  
  259. #s-m-t-tooltip {
  260. margin-left:5px;
  261. margin-top:-18px;
  262. font-family: arial;
  263. font-weight:normal;
  264. text-transform:uppercase;
  265. font-size:10px;
  266. background-color:#cececf;
  267. text-shadow:none;
  268. color:{color:text};
  269. padding: 1px 8px 1px 8px;
  270. z-index:99999999999999999999999;
  271. -webkit-transition:all .7s;
  272. -moz-transition:all .7s;
  273. -ms-transition:all .7s;
  274. -o-transition:all .7s;
  275. transition:all .7s;
  276. }
  277.  
  278. body {
  279. background-color:#cececf;
  280. text-align:justify;
  281. font-family:calibri;
  282. font-size:10px;
  283. color:{color:text};
  284. background-image:url('http://static.tumblr.com/lof2mcb/9b5o8klff/tumblr_o8jd6n792f1vvy2jdo1_1280.png');
  285. background-repeat:no-repeat;
  286. background-position:center top;
  287. background-attachment:fixed;
  288. margin:0px;
  289. }
  290.  
  291. a {
  292. color:{color:link};
  293. text-decoration:underline;
  294. -moz-transition-duration:0.5s;
  295. -webkit-transition-duration:0.5s;
  296. -o-transition-duration:0.5s;
  297. }
  298.  
  299. a:hover {
  300. color:{color:link hover};
  301. text-decoration:none;
  302. text-shadow:none;
  303. -moz-transition-duration:0.5s;
  304. -webkit-transition-duration:0.5s;
  305. -o-transition-duration:0.5s;
  306. }
  307.  
  308. em, i {
  309. font-weight:normal;
  310. font-size:11px;
  311. color:{color:text};
  312. font-family:'petit formal script', cursive;
  313. text-transform:lowercase;
  314. font-style:normal;
  315. text-shadow:0px 0px 9px {color:text};
  316. }
  317.  
  318. strong, b {
  319. font-weight:bold;
  320. font-size:11px;
  321. color:{color:text};
  322. font-family:'abel', sans serif;
  323. text-transform:lowercase;
  324. font-style:normal;
  325. text-shadow:0px 0px 9px {color:text};
  326. }
  327.  
  328. h1, h2 {
  329. font-weight:lighter;
  330. font-size:13px;
  331. text-align:center;
  332. font-style:normal;
  333. line-height:100%;
  334. letter-spacing:1px;
  335. text-transform:lowercase;
  336. font-family: 'petit formal script', cursive;
  337. color:{color:link};
  338. text-shadow:0px 0px 9px {color:link};
  339. }
  340.  
  341. h3 {
  342. background:#0f0f0f;
  343. text-align:center;
  344. color:#fff;
  345. text-transform:uppercase;
  346. font-family:calibri;
  347. font-size:11px;
  348. padding:0px;
  349. letter-spacing:1px;
  350. }
  351.  
  352. sub, sup, small{
  353. font-size:11px;
  354. }
  355.  
  356. blockquote {
  357. padding-left:15px;
  358. border-left:2px solid {color:text};
  359. margin-left:10px;
  360. }
  361.  
  362. blockquote blockquote {
  363. padding-left:15px;
  364. border-left:2px solid {color:text};
  365. margin-left:10px;
  366. }
  367.  
  368. blockquote img {
  369. max-width:100%;
  370. height:auto;
  371.  
  372. }
  373.  
  374. blockquote blockquote img {
  375. max-width:100%;
  376. height:auto;
  377.  
  378. }
  379.  
  380. img {
  381. -webkit-filter: grayscale(100%);
  382. z-index: -9999999999999999999999999px;
  383. -webkit-transition: all 0.9s ease-in-out;
  384. -moz-transition: all 0.9s ease-in-out;
  385. -o-transition: all 0.9s ease-in-out;
  386. -ms-transition: all 0.9s ease-in-out;
  387. transition: all 0.9s ease-in-out;
  388. border:none;
  389. opacity:.7;
  390. border-radius:0px;
  391. box-shadow:none;
  392. }
  393.  
  394. img:hover{
  395. -webkit-filter: grayscale(20%);
  396. z-index: -9999999999999999999999999px;
  397. -webkit-transition: all 0.9s ease-in-out;
  398. -moz-transition: all 0.9s ease-in-out;
  399. -o-transition: all 0.9s ease-in-out;
  400. -ms-transition: all 0.9s ease-in-out;
  401. transition: all 0.9s ease-in-out;
  402. opacity:.9;
  403. border-radius:0px;
  404. box-shadow:none;
  405. }
  406.  
  407. #photoset {
  408. -webkit-filter: grayscale(100%);
  409. z-index: -9999999999999999999999999px;
  410. -webkit-transition: all 0.9s ease-in-out;
  411. -moz-transition: all 0.9s ease-in-out;
  412. -o-transition: all 0.9s ease-in-out;
  413. -ms-transition: all 0.9s ease-in-out;
  414. transition: all 0.9s ease-in-out;
  415. border:none;
  416. opacity:.7;
  417. }
  418.  
  419. #photoset:hover{
  420. -webkit-filter: grayscale(20%);
  421. z-index: -9999999999999999999999999px;
  422. -webkit-transition: all 0.9s ease-in-out;
  423. -moz-transition: all 0.9s ease-in-out;
  424. -o-transition: all 0.9s ease-in-out;
  425. -ms-transition: all 0.9s ease-in-out;
  426. transition: all 0.9s ease-in-out;
  427. opacity:.9;
  428. }
  429.  
  430. #post {
  431. width:245px;
  432. margin-top:10px;
  433. }
  434.  
  435. #entries {
  436. left:50%;
  437. z-index:1;
  438. overflow:auto;
  439. overflow-x:hidden;
  440. width:258px;
  441. height:374px;
  442. position:fixed;
  443. margin-top:101px;
  444. margin-left:-60px;
  445. padding-bottom:40px;
  446. -webkit-mask-image: -webkit-gradient( linear, center 50%, center bottom, from(rgba(0,0,0,10)), to(rgba(10,0,0,0)));
  447. }
  448.  
  449. #entries img {
  450. height:auto;
  451. max-width:100%;
  452.  
  453. }
  454.  
  455. ol.notes li.note {
  456. list-style-type: none;
  457. margin: 0;
  458. padding: 0;
  459. }
  460.  
  461. ol.notes li.note a {
  462. text-decoration:none;
  463. }
  464.  
  465. li.note img.avatar {
  466. border-radius:100%;
  467. margin-right: 10px;
  468. width: 16px;
  469. height: 16px;
  470. }
  471.  
  472. .audio{
  473. background-color:transparent;
  474. height:65px;
  475. overflow:hidden;
  476. color:{color:link};
  477. text-shadow:none;
  478. height:100%;
  479. padding-bottom:0px;
  480. }
  481.  
  482. .albumart {
  483. background-color:white;
  484. }
  485.  
  486. .audioinfo {
  487. line-height:210%;
  488. text-align:left;
  489. margin-top:0px;
  490. margin-left:0px;
  491. text-transform:lowercase;
  492. height:65px;
  493. padding:0px 5px 0px 10px;
  494. }
  495.  
  496. #audioplayer {
  497. position:absolute;
  498. margin-left:-45px;
  499. margin-top:20px;
  500. width:27px;
  501. height:27px;
  502. overflow:hidden;
  503. opacity:.8;
  504. -webkit-transition: all 0.9s ease-in-out;
  505. -moz-transition: all 0.9s ease-in-out;
  506. -o-transition: all 0.9s ease-in-out;
  507. -ms-transition: all 0.9s ease-in-out;
  508. transition: all 0.9s ease-in-out;
  509. }
  510.  
  511. #audioplayer:hover {
  512. opacity:.99;
  513. -webkit-transition: all 0.9s ease-in-out;
  514. -moz-transition: all 0.9s ease-in-out;
  515. -o-transition: all 0.9s ease-in-out;
  516. -ms-transition: all 0.9s ease-in-out;
  517. transition: all 0.9s ease-in-out;
  518. }
  519.  
  520. #question {
  521. background:#0f0f0f;
  522. padding:10px;
  523. font-size:12px;
  524. color:#fff;
  525. margin-top:-2px;
  526. }
  527.  
  528. #asker {
  529. font-family:'petit formal script', cursive;
  530. font-size:13px;
  531. font-weight:bold;
  532. text-decoration:none;
  533. text-align:center;
  534. margin-top:5px;
  535. }
  536.  
  537. #asker a {
  538. text-decoration:none;
  539. color:{color:accent};
  540. }
  541.  
  542. #asker a:hover {
  543. color:{color:accent};
  544. -webkit-filter: blur(3px);
  545. -moz-filter: blur(3px);
  546. -o-filter: blur(3px);
  547. -ms-filter: blur(3px);
  548. filter: blur(3px);
  549. }
  550.  
  551. #line {
  552. opacity:.2;
  553. margin-top:25px;
  554. width:100%;
  555. height:5px;
  556. background-position:center!important;
  557. background-repeat:no-repeat!important;
  558. background:url('http://static.tumblr.com/lof2mcb/slWo814sx/2.png');
  559. }
  560.  
  561. #info img {
  562. width:10px;
  563. }
  564.  
  565. #info {
  566. margin-top:-12px;
  567. margin-left:50px;
  568. width:auto;
  569. font-size:10px;
  570. text-align:center;
  571. background-position:center;
  572. background-repeat:no-repeat;
  573. text-transform:uppercase;
  574. font-family:'abel', sans serif;
  575. }
  576.  
  577. #info a {
  578. text-decoration:none;
  579. color:#fff;
  580. margin-right:10px;
  581. }
  582.  
  583. #info a:hover {
  584. -webkit-filter: blur(2px);
  585. -moz-filter: blur(2px);
  586. -o-filter: blur(2px);
  587. -ms-filter: blur(2px);
  588. filter: blur(2px);
  589. color:{color:link hover};
  590. }
  591.  
  592. #reblog {
  593. position:absolute;
  594. -ms-transform: rotate(-12deg);
  595. -webkit-transform: rotate(-12deg);
  596. transform: rotate(-12deg);
  597. }
  598.  
  599. #date {
  600. position:absolute;
  601. font-size:15px;
  602. margin-top:-8px;
  603. margin-left:23px;
  604. -ms-transform: rotate(14deg);
  605. -webkit-transform: rotate(14deg);
  606. transform: rotate(14deg);
  607. }
  608.  
  609. #notes {
  610. position:absolute;
  611. font-size:13px;
  612. margin-top:1px;
  613. margin-left:44px;
  614. -ms-transform: rotate(-9deg);
  615. -webkit-transform: rotate(-9deg);
  616. transform: rotate(-9deg);
  617. }
  618.  
  619. #via {
  620. position:absolute;
  621. margin-top:-5px;
  622. margin-left:62px;
  623. -ms-transform: rotate(-14deg);
  624. -webkit-transform: rotate(-14deg);
  625. transform: rotate(-14deg);
  626. }
  627.  
  628. #src {
  629. position:absolute;
  630. margin-top:0px;
  631. margin-left:87px;
  632. -ms-transform: rotate(24deg);
  633. -webkit-transform: rotate(24deg);
  634. transform: rotate(24deg);
  635. }
  636.  
  637.  
  638.  
  639. #tags {
  640. padding-bottom:21px;
  641. margin-top:20px;
  642. color:{color:link};
  643. text-align:center;
  644. opacity:0;
  645. -webkit-transition: all 0.9s ease-in-out;
  646. -moz-transition: all 0.9s ease-in-out;
  647. -o-transition: all 0.9s ease-in-out;
  648. -ms-transition: all 0.9s ease-in-out;
  649. transition: all 0.9s ease-in-out;
  650. }
  651.  
  652. #post:hover #tags {
  653. opacity:1;
  654. -webkit-transition: all 0.9s ease-in-out;
  655. -moz-transition: all 0.9s ease-in-out;
  656. -o-transition: all 0.9s ease-in-out;
  657. -ms-transition: all 0.9s ease-in-out;
  658. transition: all 0.9s ease-in-out;
  659. }
  660.  
  661. #tags a {
  662. color:{color:link};
  663. text-decoration:none;
  664. }
  665.  
  666. #tags a:hover {
  667. color:{color:link hover};
  668. }
  669.  
  670. #links {
  671. left:50%;
  672. position:fixed;
  673. margin-top:582px;
  674. margin-left:210px;
  675. font-family:'lora', serif;
  676. text-align:left;
  677. font-size:21px;
  678. font-weight:bold;
  679. text-transform:uppercase;
  680. word-spacing:16px;
  681. text-shadow:0px 0px 1px #000;
  682. }
  683.  
  684. #links a {
  685. text-decoration:none;
  686. color:{color:accent};
  687. -webkit-filter: blur(0px);
  688. -moz-filter: blur(0px);
  689. -o-filter: blur(0px);
  690. -ms-filter: blur(0px);
  691. filter: blur(0px);
  692. }
  693.  
  694. #links a:hover {
  695. color:{color:link hover};
  696. -webkit-filter: blur(2px);
  697. -moz-filter: blur(2px);
  698. -o-filter: blur(2px);
  699. -ms-filter: blur(2px);
  700. filter: blur(2px);
  701. }
  702.  
  703. #link1 {
  704. margin-left:-10px;
  705. position:absolute;
  706. -ms-transform: rotate(14deg);
  707. -webkit-transform: rotate(14deg);
  708. transform: rotate(14deg);
  709. }
  710.  
  711. #link2 {
  712. position:absolute;
  713. font-size:17px;
  714. margin-left:45px;
  715. margin-top:-47px;
  716. -ms-transform: rotate(-9deg);
  717. -webkit-transform: rotate(-9deg);
  718. transform: rotate(-9deg);
  719. }
  720.  
  721. #link3 {
  722. position:absolute;
  723. font-size:19px;
  724. margin-left:95px;
  725. margin-top:4px;
  726. -ms-transform: rotate(-14deg);
  727. -webkit-transform: rotate(-14deg);
  728. transform: rotate(-14deg);
  729. }
  730.  
  731. #link4 {
  732. position:absolute;
  733. font-size:14px;
  734. margin-left:150px;
  735. margin-top:-40px;
  736. -ms-transform: rotate(24deg);
  737. -webkit-transform: rotate(24deg);
  738. transform: rotate(24deg);
  739. }
  740.  
  741. #link5 {
  742. position:absolute;
  743. font-size:19px;
  744. margin-left:165px;
  745. margin-top:-90px;
  746. -ms-transform: rotate(-12deg);
  747. -webkit-transform: rotate(-12deg);
  748. transform: rotate(-12deg);
  749. }
  750.  
  751.  
  752.  
  753. #pagination {
  754. left:50%;
  755. color:{color:accent};
  756. width:100px;
  757. position:fixed;
  758. text-shadow: none;
  759. font-family:arial;
  760. font-size:9px;
  761. margin-top:518px;
  762. margin-left:230px;
  763. letter-spacing:1px;
  764. font-style:none;
  765. font-weight:normal;
  766. text-align:right;
  767. text-transform:uppercase;
  768. }
  769.  
  770. #pagination a {
  771. text-decoration:none;
  772. color:{color:accent};
  773. }
  774.  
  775. #pagination a:hover {
  776. -webkit-filter: blur(2px);
  777. -moz-filter: blur(2px);
  778. -o-filter: blur(2px);
  779. -ms-filter: blur(2px);
  780. filter: blur(2px);
  781. text-decoration:none;
  782. color:#0f0f0f;
  783. }
  784.  
  785. .popup_block {
  786. left:50%;
  787. background-repeat:no-repeat;
  788. display:none;
  789. background:#cececf;
  790. background-position:center top;
  791. float:left;
  792. position:fixed;
  793. margin-top:101px!important;
  794. margin-left:-70px!important;
  795. z-index: 99999;
  796. height:414px;
  797. overflow:hidden;
  798. }
  799.  
  800. *html #fade {position: absolute;}
  801. *html .popup_block {position: absolute;}
  802. #fade {
  803. display:none;
  804. position:fixed;
  805. left:0px;
  806. top:0px;
  807. width:100%;
  808. height:100%;
  809. z-index:9999;
  810. background:#000;
  811. opacity:0;
  812. }
  813.  
  814. #text {
  815. padding-bottom:40px;
  816. left:50%;
  817. margin-top:0px;
  818. margin-left:20px;
  819. width:225px;
  820. height:390px;
  821. padding-top:20px;
  822. padding-right:35px;
  823. overflow:scroll;
  824. text-align:justify;
  825. -webkit-mask-image: -webkit-gradient( linear, center 50%, center bottom, from(rgba(0,0,0,10)), to(rgba(10,0,0,0)));
  826. }
  827.  
  828.  
  829. #navitags {
  830. left:50%;
  831. text-align:center;
  832. width:260px;
  833. margin-left:-13px;
  834. margin-top:-15px;
  835. }
  836.  
  837. #navitags a{
  838. text-decoration:none;
  839. text-transform:uppercase;
  840. color:{color:link};
  841. text-shadow:none;
  842. font-weight:normal;
  843. margin-left:34px;
  844. text-align:center;
  845. display:inline-table;
  846. padding-bottom:20px;
  847. margin-top:55px;
  848. padding:5px;
  849. font-size:8px;
  850. width:80px;
  851. border-bottom:1px solid {color:link};
  852. letter-spacing:1px;
  853. -webkit-transition: all 0.4s ease-in-out;
  854. -moz-transition: all 0.4s ease-in-out;
  855. -o-transition: all 0.4s ease-in-out;
  856. -ms-transition: all 0.4s ease-in-out;
  857. transition: all 0.4s ease-in-out;
  858.  
  859. }
  860.  
  861. #navitags a:hover{
  862. color:transparent;
  863. -webkit-transition: all 0.4s ease-in-out;
  864. -moz-transition: all 0.4s ease-in-out;
  865. -o-transition: all 0.4s ease-in-out;
  866. -ms-transition: all 0.4s ease-in-out;
  867. transition: all 0.4s ease-in-out;
  868. }
  869.  
  870. #desc {
  871. left:50%;
  872. text-align:justify;
  873. padding-top:1px;
  874. padding-right:4px;
  875. padding-left:5px;
  876. position:fixed;
  877. overflow:scroll;
  878. width:108px;
  879. height:373px;
  880. margin-top:101px;
  881. margin-left:212px;
  882. padding-bottom:40px;
  883. font-size:11px;
  884. z-index:999;
  885. }
  886.  
  887. #desc a {
  888. text-decoration:none;
  889. }
  890.  
  891. #credit {
  892. position:fixed;
  893. bottom:15px;
  894. right:15px;
  895. text-align:center;
  896. text-transform:uppercase;
  897. padding:5px;
  898. font-size:17px;
  899. font-family: 'petit formal script', cursive;
  900. font-weight:bold;
  901. -webkit-transition: all 0.9s ease-in-out;
  902. -moz-transition: all 0.9s ease-in-out;
  903. -o-transition: all 0.9s ease-in-out;
  904. -ms-transition: all 0.9s ease-in-out;
  905. transition: all 0.9s ease-in-out;
  906. }
  907.  
  908. #credit a {
  909. color:{color:accent};
  910. text-decoration:none;
  911. }
  912.  
  913. #credit a:hover {
  914. color:{color:accent};
  915. text-shadow:0px 0px 7px {color:accent};
  916. }
  917.  
  918. #knife {
  919. opacity:0;
  920. top:50%;
  921. left:50%;
  922. margin-left:112px;
  923. margin-top:219px;
  924. position:fixed;
  925. z-index: 999999;
  926. font-size:16px;
  927. text-transform:uppercase;
  928. font-family:'lora', serif;
  929. font-weight:bold;
  930. width:35px;
  931. height:118px;
  932. background:url('http://static.tumblr.com/lof2mcb/z81o8170v/knife.png');
  933. }
  934.  
  935. </style>
  936. </head>
  937. <body>
  938.  
  939. <div id="knife"></div>
  940.  
  941. <div id="desc">
  942.  
  943. <center>
  944. background credit: <a href="http://starbreathed.tumblr.com" target="_blank">©</a>
  945. </center>
  946.  
  947. <h3>header</h3>
  948. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc odio ipsum, porttitor vitae laoreet quis, varius in enim.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc odio ipsum, porttitor vitae laoreet quis, varius in enim.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc odio ipsum, porttitor vitae laoreet quis, varius in enim.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc odio ipsum, porttitor vitae laoreet quis, varius in enim.
  949.  
  950. <h3>header</h3>
  951. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc odio ipsum, porttitor vitae laoreet quis, varius in enim.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc odio ipsum, porttitor vitae laoreet quis, varius in enim.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc odio ipsum, porttitor vitae laoreet quis, varius in enim.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc odio ipsum, porttitor vitae laoreet quis, varius in enim.
  952.  
  953. <h3>header</h3>
  954. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc odio ipsum, porttitor vitae laoreet quis, varius in enim.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc odio ipsum, porttitor vitae laoreet quis, varius in enim.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc odio ipsum, porttitor vitae laoreet quis, varius in enim.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc odio ipsum, porttitor vitae laoreet quis, varius in enim.
  955.  
  956. </div>
  957.  
  958.  
  959. <div id="box1" class="popup_block">
  960.  
  961. <div id="text"><iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></div>
  962.  
  963.  
  964. </div></div></div></div></div></div></div></div></div></div>
  965.  
  966.  
  967.  
  968. <div id="box2" class="popup_block">
  969. <div id="text">
  970.  
  971. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc odio ipsum, porttitor vitae laoreet quis, varius in enim. Etiam vel mi pellentesque, tempor massa ut, consectetur lacus. Quisque ex sem, consequat a bibendum ut, pharetra et nisl. Nam et leo malesuada, iaculis nisi sit amet, maximus leo. Phasellus convallis dui vel ante vestibulum porttitor. Aenean turpis lectus, ultrices sit amet elit nec, hendrerit semper nisi. Nulla ut mollis odio, id pretium felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean vitae libero ut elit varius consequat. Mauris dapibus suscipit leo, eu cursus nulla viverra eu. Nulla facilisi. Proin at nunc convallis felis pretium bibendum. Nullam porttitor velit iaculis luctus viverra. Curabitur rhoncus risus quis euismod auctor. Sed fringilla bibendum tortor ac hendrerit.
  972.  
  973. <p>
  974.  
  975. Curabitur id efficitur leo. Ut gravida convallis ex eget hendrerit. Nulla facilisi. Vestibulum sed nibh luctus, volutpat sem sed, porttitor odio. Curabitur a metus magna. Pellentesque eget elit magna. Maecenas sodales sapien vel rhoncus tristique. Fusce imperdiet tortor a ipsum tempor, vitae ullamcorper ante malesuada. Maecenas at blandit lorem, eu luctus odio. Aliquam faucibus nibh et mi pharetra, vel blandit dui semper.
  976.  
  977. <p>
  978. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc odio ipsum, porttitor vitae laoreet quis, varius in enim. Etiam vel mi pellentesque, tempor massa ut, consectetur lacus. Quisque ex sem, consequat a bibendum ut, pharetra et nisl. Nam et leo malesuada, iaculis nisi sit amet, maximus leo. Phasellus convallis dui vel ante vestibulum porttitor. Aenean turpis lectus, ultrices sit amet elit nec, hendrerit semper nisi. Nulla ut mollis odio, id pretium felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean vitae libero ut elit varius consequat. Mauris dapibus suscipit leo, eu cursus nulla viverra eu. Nulla facilisi. Proin at nunc convallis felis pretium bibendum. Nullam porttitor velit iaculis luctus viverra. Curabitur rhoncus risus quis euismod auctor. Sed fringilla bibendum tortor ac hendrerit.
  979.  
  980. </div>
  981.  
  982. </div></div></div></div></div></div></div></div></div></div>
  983.  
  984.  
  985. <div id="box3" class="popup_block">
  986. <div id="text">
  987.  
  988. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc odio ipsum, porttitor vitae laoreet quis, varius in enim. Etiam vel mi pellentesque, tempor massa ut, consectetur lacus. Quisque ex sem, consequat a bibendum ut, pharetra et nisl. Nam et leo malesuada, iaculis nisi sit amet, maximus leo. Phasellus convallis dui vel ante vestibulum porttitor. Aenean turpis lectus, ultrices sit amet elit nec, hendrerit semper nisi. Nulla ut mollis odio, id pretium felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean vitae libero ut elit varius consequat. Mauris dapibus suscipit leo, eu cursus nulla viverra eu. Nulla facilisi. Proin at nunc convallis felis pretium bibendum. Nullam porttitor velit iaculis luctus viverra. Curabitur rhoncus risus quis euismod auctor. Sed fringilla bibendum tortor ac hendrerit.
  989.  
  990. <p>
  991.  
  992. Curabitur id efficitur leo. Ut gravida convallis ex eget hendrerit. Nulla facilisi. Vestibulum sed nibh luctus, volutpat sem sed, porttitor odio. Curabitur a metus magna. Pellentesque eget elit magna. Maecenas sodales sapien vel rhoncus tristique. Fusce imperdiet tortor a ipsum tempor, vitae ullamcorper ante malesuada. Maecenas at blandit lorem, eu luctus odio. Aliquam faucibus nibh et mi pharetra, vel blandit dui semper.
  993.  
  994. <p>
  995. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc odio ipsum, porttitor vitae laoreet quis, varius in enim. Etiam vel mi pellentesque, tempor massa ut, consectetur lacus. Quisque ex sem, consequat a bibendum ut, pharetra et nisl. Nam et leo malesuada, iaculis nisi sit amet, maximus leo. Phasellus convallis dui vel ante vestibulum porttitor. Aenean turpis lectus, ultrices sit amet elit nec, hendrerit semper nisi. Nulla ut mollis odio, id pretium felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean vitae libero ut elit varius consequat. Mauris dapibus suscipit leo, eu cursus nulla viverra eu. Nulla facilisi. Proin at nunc convallis felis pretium bibendum. Nullam porttitor velit iaculis luctus viverra. Curabitur rhoncus risus quis euismod auctor. Sed fringilla bibendum tortor ac hendrerit.
  996.  
  997. </div>
  998.  
  999. </div></div></div></div></div></div></div></div></div></div>
  1000.  
  1001.  
  1002.  
  1003. <div id="box4" class="popup_block">
  1004.  
  1005. <div id="navitags">
  1006.  
  1007. <a href="/tagged/tag">tag</a>
  1008.  
  1009. <a href="/tagged/tag">tag</a>
  1010.  
  1011. <a href="/tagged/tag">tag</a>
  1012.  
  1013. <a href="/tagged/tag">tag</a>
  1014.  
  1015. <a href="/tagged/tag">tag</a>
  1016.  
  1017. <a href="/tagged/tag">tag</a>
  1018.  
  1019. <a href="/tagged/tag">tag</a>
  1020.  
  1021. <a href="/tagged/tag">tag</a>
  1022.  
  1023. <a href="/tagged/tag">tag</a>
  1024.  
  1025. <a href="/tagged/tag">tag</a>
  1026.  
  1027. </div>
  1028.  
  1029. </div></div></div></div></div></div></div></div></div></div>
  1030.  
  1031.  
  1032.  
  1033. <div id="links">
  1034. <div id="link1"><a href="{text:Link1}" title="{text:Link1 Text}"><img src="http://static.tumblr.com/lof2mcb/Rjzo8kkej/bird__1_.png"/></a></div>
  1035.  
  1036. {block:ifpopupboxes}
  1037. <div id="link2"><a href="#?w=260" rel="box1" class="poplight" title="{text:Link2 Text}"><img src="http://static.tumblr.com/lof2mcb/4Xvo8kkeo/bird__2_.png"/></a></div>
  1038.  
  1039. <div id="link3"><a href="#?w=260" rel="box2" class="poplight" title="{text:Link3 Text}"><img src="http://static.tumblr.com/lof2mcb/XYbo8kker/bird__3_.png"/></a></div>
  1040.  
  1041. <div id="link4"><a href="#?w=260" rel="box3" class="poplight" title="{text:Link4 Text}"><img src="http://static.tumblr.com/lof2mcb/Kjfo8kket/bird__4_.png"/></a></div>
  1042.  
  1043. <div id="link5"><a href="#?w=260" rel="box4" class="poplight" title="{text:Link5 Text}"><img src="http://static.tumblr.com/lof2mcb/DDho8kkex/bird__5_.png"/></a></div>
  1044. {block:ifpopupboxes}
  1045.  
  1046. {block:ifnotpopupboxes}
  1047. <div id="link2"><a href="{text:link2}" title="{text:Link2 Text}"><img src="http://static.tumblr.com/lof2mcb/4Xvo8kkeo/bird__2_.png"/></a></div>
  1048.  
  1049. <div id="link3"><a href="{text:link3}" title="{text:Link3 Text}"><img src="http://static.tumblr.com/lof2mcb/XYbo8kker/bird__3_.png"/></a></div>
  1050.  
  1051. <div id="link4"><a href="{text:link4}" title="{text:Link4 Text}"><img src="http://static.tumblr.com/lof2mcb/Kjfo8kket/bird__4_.png"/></a></div>
  1052.  
  1053. <div id="link5"><a href="{text:link5}" title="{text:Link5 Text}"><img src="http://static.tumblr.com/lof2mcb/DDho8kkex/bird__5_.png"/></a></div>
  1054. {block:ifnotpopupboxes}
  1055. </div>
  1056.  
  1057. <div id="pagination">
  1058. {block:Pagination}
  1059. {block:PreviousPage}<a href="{PreviousPage}">back</a> /{/block:PreviousPage}{block:NextPage}/ <a href="{NextPage}">forth</a>{/block:NextPage}
  1060. {/block:Pagination}</div>
  1061.  
  1062. <div id="entries">
  1063. {block:Posts}
  1064. <div id="post">
  1065.  
  1066. {block:Photo}
  1067. {LinkOpenTag}<img src="{PhotoURL-HighRes}" width="500px" />{LinkCloseTag}
  1068. {block:Caption}{Caption}{/block:Caption}
  1069. {/block:Photo}
  1070.  
  1071. {block:Photoset}
  1072. <div id="photoset"><center>{Photoset}</center></div>
  1073. {block:Caption}{Caption}{/block:Caption}
  1074. {/block:Photoset}
  1075.  
  1076. {block:Video}
  1077. <div id="photoset"><center>{Video-250}</center></div>
  1078. {block:Caption}{Caption}{/block:Caption}
  1079. {/block:Video}
  1080.  
  1081. {block:Audio}
  1082. {block:AlbumArt}
  1083. <div class="albumart">
  1084. <img src="{AlbumArtURL}" width="65px" align="left"></div>
  1085. {/block:AlbumArt}
  1086. <div class="audio">
  1087. <div id="audioplayer">{AudioPlayerWhite}</div>
  1088. <div class="audioinfo">{block:TrackName}<b>track</b>: <span style="float:right; text-transform:uppercase; font-size:11px">{TrackName}</span>{/block:TrackName}<br />
  1089. {block:Artist}<b>artist</b>: <span style="float:right; text-transform:uppercase; font-size:11px">{Artist}</span> {/block:Artist}<br />
  1090. {block:Album}<b>album</b>: <span style="float:right; text-transform:uppercase; font-size:11px">{Album}</span> {/block:Album}
  1091. </div></div>
  1092. {block:Caption}{Caption}{/block:Caption}
  1093. {/block:Audio}
  1094.  
  1095. {block:Quote}
  1096. <div style="font-family:times; font-style:italic; font-size:14px; line-height:18px;"><big><big>❝ {Quote}</big></big></div>
  1097. {block:Source}<br>
  1098. <div style="text-align: right;">━ {Source}</div>
  1099. {/block:Source}
  1100. {/block:Quote}
  1101.  
  1102. {block:Text}
  1103. {block:Title}<h1>{Title}</h1>{/block:Title}
  1104. {Body}
  1105. {/block:Text}
  1106.  
  1107. {block:Answer}
  1108. <div id="asker">{Asker}</div>
  1109. <div id="question">{Question}</div>
  1110. {Answer}
  1111. {/block:Answer}
  1112.  
  1113. {block:Chat}
  1114. {block:Title}<h1>{Title}</h1><br />{/block:Title}
  1115. {block:Lines}
  1116. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  1117. {/block:Lines}
  1118. {/block:Chat}
  1119.  
  1120. {block:Link}
  1121. <a href="{URL}" >{Name}</a>
  1122. {block:Description}<br />{Description}{/block:Description}
  1123. {/block:Link}
  1124.  
  1125. <div id="line"></div>
  1126. <div id="info">
  1127.  
  1128. <div id="reblog"><a href="{ReblogURL}" title="reblog" target="_blank"><img src="http://static.tumblr.com/lof2mcb/Rjzo8kkej/bird__1_.png"/></a></div>
  1129.  
  1130. {block:Date}
  1131. <div id="date"><a href="{Permalink}" title="{DayOfMonthWithZero} {ShortMonth}, {TimeAgo}"><img src="http://static.tumblr.com/lof2mcb/4Xvo8kkeo/bird__2_.png"/></a></div>
  1132. {/block:Date}
  1133.  
  1134. {block:NoteCount}
  1135. <div id="notes"><a href="{Permalink}" title="{NoteCountWithLabel}"><img src="http://static.tumblr.com/lof2mcb/XYbo8kker/bird__3_.png"/></a></div>
  1136. {/block:NoteCount}
  1137.  
  1138. {block:RebloggedFrom}
  1139. <div id="via"><a href="{ReblogParentURL}" title="via {ReblogParentName}"><img src="http://static.tumblr.com/lof2mcb/Kjfo8kket/bird__4_.png"/></a></div>
  1140.  
  1141. {block:ContentSource}
  1142. <div id="src"><a href="{SourceURL}" title="{SourceTitle}"><img src="http://static.tumblr.com/lof2mcb/DDho8kkex/bird__5_.png"/></a></div>
  1143. {/block:ContentSource}
  1144. {/block:RebloggedFrom}
  1145.  
  1146. </div>
  1147.  
  1148.  
  1149.  
  1150. <div id="tags">
  1151. {block:HasTags}
  1152. {block:Tags}
  1153. <a href="{TagUrl}">#{Tag}</a> &nbsp;&nbsp;
  1154. {/block:Tags}
  1155. {/block:HasTags}
  1156. </div>
  1157.  
  1158. {block:PostNotes}
  1159. <div id="notes">{PostNotes}</div>
  1160. {/block:PostNotes}
  1161.  
  1162. </div>
  1163. {/block:Posts}
  1164. </div>
  1165.  
  1166. <div id="credit">
  1167. <a href="http://deathcursed.tumblr.com" title="theme by bean" target="_blank">B</a>
  1168. </div>
  1169.  
  1170. </body>
  1171. </html>
  1172.  
  1173.  
  1174.  
  1175.  
  1176. <!----------->
  1177.  
  1178.  
  1179.  
  1180.  
  1181.  
  1182. <!----------->
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!