API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 19th, 2018
82
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.16 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5. POP UP SCRIPT
  6. -->
  7. <script type="text/javascript"
  8. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  9. <script>
  10. $(document).ready(function() {
  11. //
  12. $('a.poplight[href^=#]').click(function() {
  13. var popID = $(this).attr('rel'); //Get Popup Name
  14. var popURL = $(this).attr('href'); //Get Popup href to define size
  15. var query= popURL.split('?');
  16. var dim= query[1].split('&');
  17. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  18. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  19. var popMargTop = ($('#' + popID).height() + 80) / 2;
  20. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  21. //Apply Margin to Popup
  22. $('#' + popID).css({
  23. 'margin-top' : -popMargTop,
  24. 'margin-left' : -popMargLeft
  25. });
  26. $('body').append('<div id="fade"></div>');
  27. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  28. return false;
  29. });
  30. $('a.close, #fade').live('click', function() {
  31. $('#fade , .popup_block').fadeOut(function() {
  32. $('#fade, a.close').remove(); //fade them both out
  33. });
  34. return false;
  35. });
  36. });
  37. </script>
  38.  
  39. <!--
  40. VERSE TABS SCRIPT
  41. -->
  42.  
  43.  
  44. <script>
  45.  
  46. $(document).ready(function(){
  47. $("ul#tabs li").click(function(e){
  48. if (!$(this).hasClass("active")) {
  49. var tabNum = $(this).index();
  50. var nthChild = tabNum+1;
  51. $("ul#tabs li.active").removeClass("active");
  52. $(this).addClass("active");
  53. $("ul#tab li.active").removeClass("active");
  54. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  55. }
  56. });
  57. });
  58. </script>
  59.  
  60. <!--
  61. TOOLTIP STYLING SCRIPT
  62. -->
  63.  
  64.  
  65. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  66. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  67. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  68. <script>
  69. (function($){
  70. $(document).ready(function(){
  71. $("[title]").style_my_tooltips({
  72. tip_follows_cursor:true,
  73. tip_delay_time:200,
  74. tip_fade_speed:500
  75. });
  76. });
  77. })(jQuery);
  78. </script>
  79.  
  80. <head>
  81. <title>{Title}</title>
  82. <link rel="shortcut icon" href="{Favicon}">
  83. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  84. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  85.  
  86. <!--META NAMES-->
  87.  
  88. <meta name="color:body" content="#666666"/>
  89. <meta name="color:links" content="#6f6e6e"/>
  90. <meta name="color:hover" content="#fafafa"/>
  91. <meta name="color:info" content="#a8a8a8">
  92. <meta name="color:desc" content="#aaaaaa">
  93. <meta name="color:title" content="#aaaaaa">
  94.  
  95.  
  96.  
  97. <meta name="color:bg" content="#ffffff">
  98. <meta name="color:scrollbar" content="#AAAAAA">
  99. <meta name="color:scrollbarbg" content="#ffffff">
  100.  
  101.  
  102.  
  103. <meta name="image:sbone" content=""/>
  104. <meta name="image:sbtwo" content=""/>
  105. <meta name="image:sbthree" content=""/>
  106.  
  107.  
  108.  
  109.  
  110.  
  111.  
  112. <!--
  113. * theme thirty five *
  114. * coming down *
  115. * kitty :: http://queenseelie.tumblr.com/ *
  116. ** edit as much as you want bbys, just don't remove the credit or re-post.
  117. i will find you if you do i s2g**
  118.  
  119. -->
  120.  
  121. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  122.  
  123.  
  124.  
  125.  
  126. <style type="text/css">
  127. @font-face{ font-family:"tamoro"; src: url('https://dl.dropboxusercontent.com/s/awqw1tgpb3takgm/TamoroScript_PersonalUseOnly.ttf’)'); }
  128.  
  129. /* SCROLLBAR DETAILS */
  130.  
  131.  
  132.  
  133. ::-webkit-scrollbar {
  134. height: 0px;
  135. width: 2px;
  136. background:transparent;
  137. border-left:0px solid transparent;
  138. border-right:0px solid transparent;}
  139.  
  140.  
  141. ::-webkit-scrollbar-thumb {
  142. background:transparent;}
  143.  
  144.  
  145.  
  146.  
  147. /* THE CURSOR */
  148.  
  149.  
  150. {block:iftinycursor}
  151. body, a, a:hover{
  152. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;}
  153. {/block:iftinycursor}
  154.  
  155. iframe#tumblr_controls {
  156. right:3px !important;
  157. position: fixed !important;
  158. -webkit-transition: opacity 0.7s
  159. linear;opacity: 0.2;
  160. -webkit-transition: all 0.8s ease-out;
  161. -moz-transition: all 0.8s ease-out;
  162. transition: all 0.8s ease-out;}
  163.  
  164. iframe#tumblr_controls:hover{
  165. -webkit-transition: opacity 0.7s linear;
  166. opacity: 1;
  167. -webkit-transition: all 0.4s ease-out;
  168. -moz-transition: all 0.4s ease-out;
  169. transition: all 0.4s ease-out;}
  170.  
  171.  
  172.  
  173.  
  174.  
  175.  
  176.  
  177. /* TOOLTIP DETAILS */
  178.  
  179. #s-m-t-tooltip{
  180. max-width:400px;
  181. margin:15px;
  182. padding:2px 8px;
  183. background: #0b0b0b;
  184. background-image:url('https://78.media.tumblr.com/ce41eb496f31206156248ff2ca96dc95/tumblr_inline_p9x8jzJnk51vlkhpm_540.gif');
  185. background-repeat:repeat;
  186. background-attachment:fixed;
  187. border-left: double 3px #000;
  188. border-top: double 3px #000;
  189. border-right: double 3px #000;
  190. border-bottom: double 3px #000;
  191. color:#e6e6e6;
  192. text-shadow:1px 1px 0px #000,
  193. 1px -1px 0px #000,
  194. -1px -1px 0px #000,
  195. -1px 1px 0px #000,
  196. 0px 1px 0px #000,
  197. 0px -1px 0px #000,
  198. 1px 0px 0px #000,
  199. -1px 0px 0px #000;
  200. z-index:99999999999999999999;
  201. font-size:9px;
  202. letter-spacing:2px;
  203. font-style:bold;
  204. letter-spacing:2px;
  205. font-family: calibri;
  206. text-transform:uppercase;
  207. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  208.  
  209.  
  210. iframe#tumblr_controls {
  211. top: 0% !important;
  212. right:0% !important;
  213. opacity:0.3;
  214. position: fixed !important;
  215. filter:alpha(opacity=30);
  216. -webkit-transition: all 0.7s ease;
  217. -moz-transition: all 0.7s ease;
  218. -o-transition: all 0.7s ease;
  219. }
  220. iframe#tumblr_controls:hover{
  221. top: 0% !important;
  222. right:0% !important;
  223. opacity:0.8;
  224. position: fixed !important;
  225. filter:alpha(opacity=80);
  226. -webkit-transition: all 0.7s ease;
  227. -moz-transition: all 0.7s ease;
  228. -o-transition: all 0.7s ease;
  229. }
  230.  
  231.  
  232.  
  233.  
  234. /* SCROLLBAR DETAILS */
  235.  
  236.  
  237.  
  238. ::-webkit-scrollbar {
  239. height: 0px;
  240. width: 2px;
  241. background:transparent;
  242. border-left:0px solid transparent;
  243. border-right:0px solid transparent;}
  244.  
  245.  
  246. ::-webkit-scrollbar-thumb {
  247. background:transparent;}
  248.  
  249.  
  250.  
  251.  
  252. /* THE CURSOR */
  253.  
  254.  
  255. {block:iftinycursor}
  256. body, a, a:hover{
  257. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;}
  258. {/block:iftinycursor}
  259.  
  260. iframe#tumblr_controls {
  261. right:3px !important;
  262. position: fixed !important;
  263. -webkit-transition: opacity 0.7s
  264. linear;opacity: 0.2;
  265. -webkit-transition: all 0.8s ease-out;
  266. -moz-transition: all 0.8s ease-out;
  267. transition: all 0.8s ease-out;}
  268.  
  269. iframe#tumblr_controls:hover{
  270. -webkit-transition: opacity 0.7s linear;
  271. opacity: 1;
  272. -webkit-transition: all 0.4s ease-out;
  273. -moz-transition: all 0.4s ease-out;
  274. transition: all 0.4s ease-out;}
  275.  
  276. h3 {
  277. background-image: url('https://78.media.tumblr.com/ce41eb496f31206156248ff2ca96dc95/tumblr_inline_p9x8jzJnk51vlkhpm_540.gif');
  278. background-repeat:repeat;
  279. background-attachment:fixed;
  280. border-left: double 3px #fff;
  281. border-top: double 3px #fff;
  282. border-right: double 3px #fff;
  283. border-bottom: double 3px #fff;
  284. padding:2px;
  285. color:#fff;
  286. text-shadow:1px 1px 0px #000,
  287. 1px -1px 0px #000,
  288. -1px -1px 0px #000,
  289. -1px 1px 0px #000,
  290. 0px 1px 0px #000,
  291. 0px -1px 0px #000,
  292. 1px 0px 0px #000,
  293. -1px 0px 0px #000;
  294. font-size:12px;
  295. font-family:calibri;
  296. text-transform:uppercase;
  297. letter-spacing:1px;
  298. text-align:center;
  299. }
  300.  
  301.  
  302. h4 {
  303. background-image: url('https://78.media.tumblr.com/ce41eb496f31206156248ff2ca96dc95/tumblr_inline_p9x8jzJnk51vlkhpm_540.gif');
  304. background-repeat:repeat;
  305. background-attachment:fixed;
  306. border-left: double 3px #fff;
  307. border-top: double 3px #fff;
  308. border-right: double 3px #fff;
  309. border-bottom: double 3px #fff;
  310. padding:2px;
  311. color:#fff;
  312. text-shadow:1px 1px 0px #000,
  313. 1px -1px 0px #000,
  314. -1px -1px 0px #000,
  315. -1px 1px 0px #000,
  316. 0px 1px 0px #000,
  317. 0px -1px 0px #000,
  318. 1px 0px 0px #000,
  319. -1px 0px 0px #000;
  320. font-size:9px;
  321. font-family:calibri;
  322. text-transform:uppercase;
  323. letter-spacing:1px;
  324. text-align:center;
  325. }
  326.  
  327. body {
  328. background-color:{color:bg};
  329. font-family:times;
  330. font-size:10.5px;
  331. text-align:justify;
  332. color:{color:body};
  333. margin:0;
  334. }
  335.  
  336. i, italic {
  337. font-family:'tamoro';
  338. }
  339.  
  340. /* POPUP BASIC */
  341.  
  342. .popup_block{
  343. display:none;
  344. background:#fff;
  345. padding:20px;
  346. border:1px solid #eee; /* if you want a solid white pop-up, delete this */
  347. float:left;
  348. position:fixed;
  349. top:50%;left:50%;
  350. z-index: 99999;
  351. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  352. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  353. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  354. }
  355.  
  356. *html #fade {position: absolute;}
  357. *html .popup_block {position: absolute;}
  358. #fade {
  359. display:none;
  360. position:fixed;
  361. left:0px;
  362. top:0px;
  363. width:100%;
  364. height:100%;
  365. z-index:9999;
  366. background:#000; /* change to #fff for solid white */
  367. opacity:0.5; /* change to opacity:1; */
  368. }
  369.  
  370. /* NAV TABS */
  371.  
  372.  
  373. ul#tabs {
  374. text-align:center;
  375. color:#ddd;
  376. letter-spacing:1px;
  377. font-weight:600;
  378. text-align:center;
  379. font-size:10px;
  380. display:inline-block;}
  381.  
  382.  
  383. ul#tabs li {
  384. background-color:#0b0b0b;
  385. border:1px solid #222;
  386. color:#ddd;
  387. letter-spacing:1px;
  388. text-align:center;
  389. font-weight:bold;
  390. text-transform:uppercase;
  391. font-size:8px;
  392. display:inline-block;
  393. padding:4px;
  394. width:110px;
  395. margin:4px;
  396. cursor:pointer;
  397. text-shadow:1px 1px 1px #111;
  398. -webkit-transition: all .8s ease-in-out;
  399. -moz-transition: all .8s ease-in-out;
  400. -o-transition: all .8s ease-in-out;}
  401.  
  402.  
  403. ul#tabs li:hover {
  404. background-color:#161616;
  405. border: solid 1px #292929;
  406. color:#aaa;
  407. -webkit-transition: all .8s ease-in-out;
  408. -moz-transition: all .8s ease-in-out;
  409. -o-transition: all .8s ease-in-out;}
  410.  
  411. ul#tabs li.active {
  412. background-color:#000;
  413. color:#bbb;
  414. text-shadow:1px 1px 1px #111;
  415. -webkit-transition: all 0.5s ease-out;
  416. -moz-transition: all 0.5s ease-out;
  417. transition: all 0.5s ease-out;}
  418.  
  419.  
  420. ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;}
  421. ul#tab li.active {display: block;}
  422. ul#tab li {display: none;}
  423.  
  424.  
  425. #headerbar{
  426. margin-top:293px;
  427. margin-left:32px;
  428. width:140px;
  429. height:180px;
  430. padding:5px;
  431. overflow:scroll;
  432. font-size:9px; }
  433.  
  434.  
  435.  
  436. #headerbar a {
  437. color:#eee;}
  438.  
  439.  
  440. #tabbar{
  441. margin-top:-360px;
  442. margin-left:227px;
  443. width:340px;
  444. height:416px;
  445. padding:5px;
  446. overflow: scroll;
  447. font-size:11px;
  448. -webkit-mask-image: -webkit-gradient(linear, left bottom, left 80%,
  449. from(rgba(4, 4, 4, 0)), to(rgba(4, 4, 4, 1))); }
  450.  
  451.  
  452. a {
  453. color:{color:links};
  454. text-decoration:none;
  455. -moz-outline-style:none;
  456. }
  457.  
  458. a:hover{
  459. color:{color:hover};
  460. -moz-transition-duration:0.3s;
  461. -webkit-transition-duration:0.3s;
  462. -o-transition-duration:0.3s;
  463. }
  464.  
  465. img {
  466. border:none;
  467. }
  468.  
  469. blockquote {
  470. padding-left:5px;
  471. border-left:2px solid;
  472. }
  473.  
  474. blockquote blockquote {
  475. padding-left:5px;
  476. border-left:2px solid;
  477. }
  478.  
  479.  
  480. /*SIDEBAR*/
  481.  
  482.  
  483. #sidebar {
  484. position:fixed;
  485. width:100px;
  486. padding-top:170px;
  487. padding-left:0px;
  488. padding-right:250px;
  489. margin-left:190px;
  490. }
  491.  
  492. #sidebar img {
  493. width: auto;
  494. transform: rotate(45deg);
  495. padding: 5px;
  496. margin-top:0px;
  497. margin-left:40px;
  498.  
  499. }
  500.  
  501.  
  502. #title {
  503. width:140px;
  504. text-align:center;
  505. margin-top:3px;
  506. margin-left:2px;
  507. padding:5px;
  508. font-family:judson;
  509. font-size:12px;
  510. letter-spacing:1.5px;
  511. text-transform:uppercase;
  512. }
  513.  
  514. #title a{
  515. color: {color:title};
  516. }
  517.  
  518. #desc {
  519. text-align:justify;
  520. width:140px;
  521. font-size:10px;
  522. margin-left:-3px;
  523. margin-top:-20px;
  524. font-family:times;
  525. line-height:100%;
  526. padding:20px;
  527. color: {color:desc};
  528. }
  529.  
  530. #sidebar img 2 {
  531. width: auto;
  532. padding: 10px;
  533. margin-top:800px;
  534. margin-left:40px;
  535.  
  536. }
  537.  
  538. #sidebar img 3 {
  539. width: auto;
  540. padding: 10px;
  541. margin-top:800px;
  542. margin-left:40px;
  543.  
  544. }
  545.  
  546. /* LINKS */
  547.  
  548.  
  549. a:link, a:active, a:visited {
  550. text-decoration: none;
  551. color: #000;
  552. -moz-transition-duration:.6s;
  553. -webkit-transition-duration:.6s;
  554. -o-transition-duration:.6s;
  555. -webkit-filter: blur(0px);}
  556.  
  557. a:hover {
  558. color: #000;
  559. -moz-transition-duration:.6s;
  560. -webkit-transition-duration:.6s;
  561. -o-transition-duration:.6s;
  562. -webkit-filter: blur(1px);}
  563.  
  564.  
  565.  
  566. #links a {
  567. padding:5px;
  568. margin-right:0px;
  569. text-shadow: 1px 0px 1px #000;
  570. }
  571.  
  572.  
  573. #links a:hover {
  574. padding:5px;
  575. margin-right:0px;
  576. text-shadow: 2px 0px 10px #000;
  577. -moz-transition-duration:0.6s;
  578. -webkit-transition-duration:0.6s;
  579. -o-transition-duration:0.6s;
  580. }
  581.  
  582. /* JUMBLED LINKS */
  583.  
  584.  
  585.  
  586. .sun {
  587. position:fixed;
  588. text-shadow: 0px 0px 0px #000;
  589. left:190px;
  590. top:480px;
  591. transform: rotate(0deg);
  592. text-align: right;
  593. line-height:20px;
  594. font-family: 'tamoro';
  595. font-size: 65px;}
  596.  
  597.  
  598. .sun a {
  599. padding:10px;
  600. color:#fff;
  601. margin-right:0px;
  602. -webkit-filter: blur(0px);
  603. -webkit-transition: 0.8s ease-in;
  604. -moz-transition: 1s ease-in;
  605. transition: 1s ease-in;
  606. }
  607.  
  608. .sun a:hover {
  609. -webkit-filter: blur(3px);
  610. -moz-filter: blur(3px);
  611. -o-filter: blur(3px);
  612. -ms-filter: blur(3px);
  613. filter: blur(3px);
  614. -webkit-transition: all 0.5s ease-in-out;
  615. -moz-transition: all 0.5s ease-in-out;
  616. -o-transition: all 0.5s ease-in-out;
  617. -ms-transition: all 0.5s ease-in-out;
  618. transition: all 0.5s ease-in-out;
  619. color: #fff;
  620. text-shadow: 7px 7px 3px #fff;
  621. }
  622.  
  623.  
  624.  
  625. .moon {
  626. position:fixed;
  627. text-shadow: 2px 1px 1px #fff;
  628. left:230px;
  629. top:435px;
  630. transform: rotate(90deg);
  631. text-align: center;
  632. font-family: 'tamoro';
  633. line-height:20px;
  634. font-size:65px;}
  635.  
  636.  
  637. .moon a {
  638. padding:10px;
  639. color:#fff;
  640. margin-right:0px;
  641. -webkit-filter: blur(0px);
  642. -webkit-transition: 0.8s ease-in;
  643. -moz-transition: 1s ease-in;
  644. transition: 1s ease-in;
  645. }
  646.  
  647. .moon a:hover {
  648. -webkit-filter: blur(3px);
  649. -moz-filter: blur(3px);
  650. -o-filter: blur(3px);
  651. -ms-filter: blur(3px);
  652. filter: blur(3px);
  653. -webkit-transition: all 0.5s ease-in-out;
  654. -moz-transition: all 0.5s ease-in-out;
  655. -o-transition: all 0.5s ease-in-out;
  656. -ms-transition: all 0.5s ease-in-out;
  657. transition: all 0.5s ease-in-out;
  658. color: #fff;
  659. text-shadow: 7px 7px 3px #fff;
  660. }
  661.  
  662.  
  663.  
  664.  
  665. .star {
  666. position:fixed;
  667. font-size:65px;
  668. text-decoration:none;
  669. transform: rotate(-30deg);
  670. margin-left:88px;
  671. margin-top:30px;
  672. }
  673.  
  674. .star a {
  675. padding:10px;
  676. color:#fff;
  677. margin-right:0px;
  678. -webkit-filter: blur(0px);
  679. -webkit-transition: 0.8s ease-in;
  680. -moz-transition: 1s ease-in;
  681. transition: 1s ease-in;
  682. }
  683.  
  684. .star a:hover {
  685. -webkit-filter: blur(3px);
  686. -moz-filter: blur(3px);
  687. -o-filter: blur(3px);
  688. -ms-filter: blur(3px);
  689. filter: blur(3px);
  690. -webkit-transition: all 0.5s ease-in-out;
  691. -moz-transition: all 0.5s ease-in-out;
  692. -o-transition: all 0.5s ease-in-out;
  693. -ms-transition: all 0.5s ease-in-out;
  694. transition: all 0.5s ease-in-out;
  695. color: #fff;
  696. text-shadow: 7px 7px 3px #fff;
  697. }
  698.  
  699.  
  700. .animatedlink1{
  701. float: center;
  702. -webkit-animation-name: spin;
  703. -webkit-animation-iteration-count: infinite;
  704. -webkit-animation-timing-function: ease-in-out;
  705. -webkit-animation-duration: 25s;
  706. }
  707.  
  708. @-webkit-keyframes spin{
  709. from { -webkit-transform: rotate(0deg)}
  710. to {-webkit-transform: rotate(360deg);}
  711. }
  712.  
  713.  
  714.  
  715. .animatedlink2{
  716. float: center;
  717. -webkit-animation-name: spin;
  718. -webkit-animation-iteration-count: infinite;
  719. -webkit-animation-timing-function: ease-in-out;
  720. -webkit-animation-duration: 20s;
  721. }
  722.  
  723. @-webkit-keyframes spin{
  724. from { -webkit-transform: rotate(0deg)}
  725. to {-webkit-transform: rotate(360deg);}
  726. }
  727.  
  728. .animatedlink3{
  729. float: center;
  730. -webkit-animation-name: spin;
  731. -webkit-animation-iteration-count: infinite;
  732. -webkit-animation-timing-function: ease-in-out;
  733. -webkit-animation-duration: 15s;
  734. }
  735.  
  736. @-webkit-keyframes spin{
  737. from { -webkit-transform: rotate(0deg)}
  738. to {-webkit-transform: rotate(360deg);}
  739. }
  740.  
  741.  
  742.  
  743. /* CONTAINER AND POSTS */
  744.  
  745.  
  746.  
  747. #container {
  748. background-color:transparent;
  749. width:255px;
  750. height:350px;
  751. padding: 20px;
  752. top:305px;
  753. margin-left: 355px;
  754. position:relative;
  755. overflow-y:scroll;
  756. overflow-x:hidden;
  757. -webkit-mask-image: -webkit-gradient(
  758. linear, center 75%, center bottom,
  759. from(rgba(0,0,0,20)),
  760. to(rgba(20,0,0,0)));
  761. border:1px solid transparent;}
  762.  
  763. #posts {
  764. width:255px;
  765. padding:10px;
  766. margin-top: 130px;
  767. margin-left:-72px;
  768. padding-bottom:0px;
  769. overflow-y:scroll;
  770. overflow-x:hidden;
  771. }
  772.  
  773.  
  774. /* PAGINATION */
  775.  
  776.  
  777.  
  778.  
  779. #pagination {
  780. position:fixed;
  781. font-family: 'Josefin Sans', sans-serif;
  782. width:300px;
  783. font-size:35px;
  784. top:170px;
  785. left:430px;
  786. letter-spacing:3px;
  787. text-align:center;
  788. z-index:999999999999;
  789. }
  790.  
  791. #pagination a {
  792. text-transform:uppercase;
  793. color:#b3b3b3;
  794. -webkit-filter: blur(0px);
  795. -webkit-transition: 0.8s ease-in;
  796. -moz-transition: 1s ease-in;
  797. transition: 1s ease-in;
  798. z-index:999999999999;
  799. }
  800.  
  801. #pagination a:hover {
  802. color:#fff;
  803. -webkit-filter: blur(1px);
  804. -webkit-transition: 0.2s ease-in;
  805. -moz-transition: 1s ease-in;
  806. transition: 1s ease-in;
  807. }
  808.  
  809.  
  810.  
  811.  
  812. /* MISC */
  813.  
  814.  
  815.  
  816. .audio {
  817. width:300px;
  818. padding-bottom:10px;
  819. background-color:{color:#0b0b0b};}
  820.  
  821. .albumart {
  822. float:left;
  823. padding:0px 10px 10px 0px;}
  824.  
  825. .albumart img {
  826. width:65px;
  827. height:65px;}
  828.  
  829. .playercontainer {
  830. text-align:left;
  831. padding:10px;
  832. background-color:#0b0b0b;
  833. width:300px;}
  834.  
  835. .audioinfo {
  836. padding:10px;
  837. color:#a1a0a0;}
  838.  
  839.  
  840.  
  841.  
  842. /* QUESTIONS & ANSWERS DETAILS */
  843.  
  844.  
  845. #asker {
  846. font-family: 'Raleway', sans-serif;
  847. text-align:center;
  848. padding-top: 10px;
  849. margin-left:0px;
  850. text-transform:uppercase;
  851. color: #91a3ac;
  852. font-size:20px;
  853. padding:5px;
  854. letter-spacing:0px
  855. text-shadow:0 0 2px #aeaeae;
  856. }
  857.  
  858.  
  859. #asker a{
  860. font-family: 'Raleway', sans-serif;
  861. text-transform:uppercase;
  862. font-size:20px;
  863. letter-spacing: 0px;
  864. text-shadow: none;
  865. color: #91a3ac;
  866. text-shadow:0 0 2px #1a1a1a;
  867. -webkit-filter: blur(0.5px);
  868. }
  869.  
  870.  
  871. #asker a:hover {
  872. color: #656565;
  873. letter-spacing: 2px;
  874. text-shadow:0 0 2px #000;
  875. -webkit-filter: blur(1px);
  876. -webkit-transition:all .5s ease-in-out;
  877. -moz-transition:all .5s ease-in-out;
  878. transition:all .5s ease-in-out;
  879. }
  880.  
  881.  
  882.  
  883. #ask {
  884. border-left: double 3px #000;
  885. border-top: double 3px #000;
  886. border-right: double 3px #000;
  887. border-bottom: double 3px #000;
  888. padding:2px;
  889. color:#e6e6e6;
  890. text-shadow:1px 1px 0px #000,
  891. 1px -1px 0px #000,
  892. -1px -1px 0px #000,
  893. -1px 1px 0px #000,
  894. 0px 1px 0px #000,
  895. 0px -1px 0px #000,
  896. 1px 0px 0px #000,
  897. -1px 0px 0px #000;
  898. font-size:7px;
  899. text-align:center;
  900. padding-top: 5px;
  901. margin-left:0px;
  902. text-transform:auto;
  903. letter-spacing:3px
  904. margin-top:-10px;
  905. padding:5px;
  906. background: #000;
  907. background: url("https://66.media.tumblr.com/2c197e62689eac4fbb4c730663c0bd14/tumblr_oc4aa3bqcg1ud4mdwo2_r1_400.gif");
  908. background-repeat:repeat;
  909. padding:2px;
  910. color:#cacaca;
  911. text-transform: uppercase;
  912. border-bottom-left-radius: 20px;
  913. border-top-right-radius: 20px;
  914. padding:10px;
  915. letter-spacing:2px;
  916. border-bottom:solid 1px #1e1e1e;
  917. border-top:solid 1px #1e1e1e;
  918. }
  919.  
  920.  
  921. .ans {
  922. text-align:center;
  923. padding:10px;
  924. }
  925.  
  926.  
  927.  
  928. /* POST INFO DETAILS */
  929.  
  930.  
  931. #info {
  932. width:255px;
  933. padding-top:4px;
  934. padding-bottom:1px;
  935. font-size:12px;
  936. color:#adadab;
  937. text-transform:uppercase;
  938. letter-spacing:1px;
  939. font-style:normal;
  940. text-align:center;
  941. padding:5px;
  942. border-top:1px solid #1c1c1c;
  943. -moz-transition-duration:0.2s;
  944. -webkit-transition-duration:0.2s;
  945. -o-transition-duration:0.2s;}
  946.  
  947.  
  948. #info a {
  949. font-family:calibri;
  950. font-size:8px;
  951. color:#9cb4c0;
  952. text-shadow: 0px 0px 3px #7c1f1f;
  953. padding:5px;
  954. font-style:normal;}
  955.  
  956.  
  957. #info a:hover {
  958. color:#eee;
  959. -webkit-filter: blur(0px);
  960. -moz-transition-duration:0.2s;
  961. -webkit-transition-duration:0.2s;
  962. -o-transition-duration:0.2s;}
  963.  
  964.  
  965. #tags {
  966. color:#9cb4c0;
  967. margin-top:5px;
  968. padding-left:15px;
  969. text-align:right;
  970. line-height:9px;
  971. text-transform:uppercase;
  972. font-size:9px;
  973. padding-right:10px;}
  974.  
  975. #tags a {
  976. font-family:calibri;
  977. color:#9cb4c0;}
  978.  
  979. #tags a:hover {
  980. color:#eee;}
  981.  
  982.  
  983.  
  984. /* MISC 02. */
  985.  
  986.  
  987.  
  988. .note {
  989. text-transform:uppercase;
  990. font-style:normal;
  991. letter-spacing:0px;
  992. font-size: 10px;
  993. text-align:left;
  994. line-height:90%;
  995. margin-left:-40px;}
  996.  
  997. .note li {
  998. list-style-type:none;
  999. border-bottom:0px solid {color:border};
  1000. padding:10px 25px 10px 25px;
  1001. text-align:left;
  1002. margin:0px;
  1003. -moz-transition-duration:0.5s;
  1004. -webkit-transition-duration:0.5s;
  1005. -o-transition-duration:0.5s;}
  1006.  
  1007. .note img.avatar {
  1008. margin-right: 10px;
  1009. width: 16px;
  1010. height: 16px;}
  1011.  
  1012.  
  1013.  
  1014. /*CREDIT*/
  1015.  
  1016. #maker {
  1017. width:24px;
  1018. height:18px;
  1019. border-radius:15px;
  1020. background-color: #f9f9f9;
  1021. padding-top:6px;
  1022. position:fixed;
  1023. text-align:center;
  1024. right:10px;
  1025. bottom:10px;
  1026. }
  1027.  
  1028. #maker a{
  1029. width:5px;
  1030. font-family:consolas;
  1031. font-size:9px;
  1032. text-align:center;
  1033. text-transform:uppercase;
  1034. text-decoration:none;
  1035. letter-spacing:1px;
  1036. color:#555555;
  1037. border:0px solid #dddddd;
  1038. }
  1039.  
  1040. {CustomCSS}
  1041.  
  1042. </style></head>
  1043.  
  1044.  
  1045. <body>
  1046.  
  1047.  
  1048.  
  1049. </div>
  1050.  
  1051. <div id="sidebar">
  1052. <div id="sidebar img">
  1053. <img src="{image:sbone}"></div>
  1054. <div id="sideimage img 2">
  1055. <img src="{image:sbtwo}"</div>
  1056. <div id="sideimage img 3">
  1057. <img src="{image:sbthree}"</div>
  1058.  
  1059. <div id="title"><a href="/">{Title}</a></div>
  1060. <div id="desc">{description}</div>
  1061. <div id="links">
  1062.  
  1063.  
  1064. <div class="sun">
  1065. <div class="animatedlink1">
  1066. <a href="http://unwithers.tumblr.com" rel="box1" class="poplight" title="home.">
  1067. <img src="https://i.imgur.com/FEE8Dks.png">
  1068. </a>
  1069. </div>
  1070. </div>
  1071.  
  1072.  
  1073. <div class="moon">
  1074. <div class="animatedlink2">
  1075. <a href="#?w=600" rel="box1" class="poplight" title="letters.">
  1076. <img src="https://i.imgur.com/FEE8Dks.png">
  1077. </a>
  1078. </div>
  1079. </div>
  1080.  
  1081.  
  1082. <div class="star">
  1083. <div class="animatedlink3">
  1084. <a href="#?w=600" rel="box2" class="poplight" title="nav.">
  1085. <img src="https://i.imgur.com/FEE8Dks.png">
  1086. </a>
  1087. </div>
  1088. </div>
  1089.  
  1090.  
  1091. <a href="{text:link D url}">{text:link D}</a>
  1092. <a href="{text:link E url}">{text:link E}</a>
  1093. <a href="{text:link F url}">{text:link f}</a>
  1094. </div>
  1095. </div>
  1096.  
  1097.  
  1098.  
  1099. <div id="container">
  1100. <div id="content"><div id="posts">
  1101. {block:Posts}
  1102.  
  1103.  
  1104. {block:Quote}<quotetext>"{Quote}"</quotetext>&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1105. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1106. {block:Text}{Body}{/block:Text}
  1107.  
  1108. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1109.  
  1110. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1111.  
  1112. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="360px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1113. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1114.  
  1115. {block:Chat}<ul class="chat"><BR>{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li><BR>{/block:Lines}</ul>{/block:Chat}
  1116.  
  1117. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1118.  
  1119.  
  1120. {block:Answer}<div id="asker" style="margin-left:-5px;width:250px; color:#91a3ac; text-shadow:0 0 2px #000; ">{Asker} <div id="ask"> <p><p><p><p><p>{Question}</div></span></div><font face="calibri"><span style="font-family:calibri;font-size:10px; marging-left:0px;">{Answer}</span>{/block:Answer}
  1121.  
  1122.  
  1123. {block:Audio}<div class="audio">
  1124.  
  1125. {block:AlbumArt}
  1126. {/block:AlbumArt}
  1127.  
  1128.  
  1129. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1130. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  1131. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  1132. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  1133.  
  1134.  
  1135. <!--
  1136. ♛ INFO AND SYMBOLS
  1137. -->
  1138.  
  1139. <div id="info">
  1140. {block:Date}
  1141. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}" style="position:absolute; font-size:12px; margin-left:-90px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> ✦ </a> {/block:Date}
  1142.  
  1143. {block:RebloggedFrom}
  1144. <a title="via. {ReblogParentName}" href="{ReblogParentURL}" style="position:absolute; font-size:12px; margin-left:-55px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> ✦ </a>
  1145. {/block:RebloggedFrom}
  1146.  
  1147. {block:ContentSource}
  1148. <a title="src. {SourceTitle}" href="{SourceURL}" style="position:absolute; font-size:12px; margin-left:-20px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> ✶ </a>
  1149. {/block:ContentSource}
  1150.  
  1151. {block:NoteCount}
  1152. <a href="{Permalink}" title="{NoteCount} notes" style="position:absolute; font-size:12px; margin-left:15px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> ✧ </a>
  1153. {/block:NoteCount}
  1154.  
  1155. <a href="{ReblogURL}"target="_blank" title="reblog" style="position:absolute; font-size:12px; margin-left:50px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> ✧ </a></br>
  1156. {/block:RebloggedFrom}
  1157.  
  1158.  
  1159. <br>
  1160.  
  1161.  
  1162. <!--
  1163. ♛ INFO AND SYMBOLS ENDS
  1164. -->
  1165.  
  1166.  
  1167. <div id="tags" style="margin-bottom:50px">{block:HasTags}{block:Tags} • <a href="{TagURL}" title="{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
  1168.  
  1169. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1170. {/block:Posts}
  1171. </div>
  1172. </div>
  1173. </div>
  1174.  
  1175. <!--CREDIT-->
  1176. <div id="maker"><a href="http://queenseelie.tumblr.com/"><span style="font-style:normal;">QS</span></a></div>
  1177.  
  1178. </body>
  1179. <div id="box1" class="popup_block">
  1180. askbox blah blah
  1181. </div>
  1182.  
  1183. <div id="box2" class="popup_block">
  1184. <div id="headerbar">
  1185. <ul id="tabs">
  1186. <li class="active">TAB ONE</li>
  1187. <li>TAB TWO</li>
  1188. <li>TAB THREE</li>
  1189. <li>TAB FOUR</li>
  1190. <li>TAB FIVE</li>
  1191. <li>TAB SIX</li>
  1192. <br>
  1193. </ul></div>
  1194.  
  1195. <div id="tabbar">
  1196. <ul id="tab">
  1197.  
  1198. <!--FIRST TAB-->
  1199.  
  1200. <li class="active">
  1201. <div style="width:auto;height:auto;overflow:scroll;padding:5px;">
  1202. ALL YOUR CONTENT FOR TAB 1
  1203.  
  1204. </li>
  1205. <!--SECOND TAB-->
  1206. <li>
  1207. <div style="width:auto;height:auto;overflow:scroll;padding:5px;">
  1208. ALL YOUR CONTENT FOR TAB 2
  1209.  
  1210. </li>
  1211. <!--THIRD TAB-->
  1212. <li>
  1213. <div style="width:auto;height:auto;overflow:scroll;padding:5px;">
  1214. ALL YOUR CONTENT FOR TAB 3
  1215.  
  1216. </li>
  1217. <!--FOURTH TAB-->
  1218. <li>
  1219. <div style="width:auto;height:auto;overflow:scroll;padding:5px;">
  1220. ALL YOUR CONTENT FOR TAB 4
  1221.  
  1222. </li>
  1223. <!--FIFTH TAB-->
  1224. <li>
  1225. <div style="width:auto;height:auto;overflow:scroll;padding:5px;">
  1226. ALL YOUR CONTENT FOR TAB 5
  1227.  
  1228. </li>
  1229. <!--SIXTH TAB-->
  1230. <li>
  1231. <div style="width:auto;height:auto;overflow:scroll;padding:5px;">
  1232. ALL YOUR CONTENT FOR TAB 6
  1233.  
  1234. </li>
  1235. </ul>
  1236.  
  1237. </div>
  1238.  
  1239. </div></div></div></div></div></div></div></div></div></div>
  1240.  
  1241. </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!