API tools faq
paste
Advertisement
Daichi-Sama

alex multi theme 2

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