API tools faq
paste
Advertisement
micsco987

<33

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