API tools faq
paste
manon15

moonlightchildx chrissy theme

manon15
Oct 13th, 2024
47
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.46 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--╰☆╮BACKGROUND & CODE BY MANON / BUTSCREWMEFIRST / MANONCOMMS╰☆╮
  5. DO NOT:
  6. -claim as your own.
  7. -steal.
  8. -use on another blog without asking.
  9. -take parts of this theme to use in your own.
  10. I AM ALWAYS WILLING TO HELP, SO YOU NEED ONLY ASK!
  11. for commissions for yourself, just contact me @butscrewmefirst.tumblr.com
  12. -->
  13.  
  14. <head>
  15.  
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" cmontent="{MetaDescription}" />{/block:Description}
  21.  
  22.  
  23. <link href="https://fonts.googleapis.com/css?family=Caveat|Clicker+Script|Cookie|Creepster|Damion|Dancing+Script|Finger+Paint|Fredericka+the+Great|Great+Vibes|Homemade+Apple|Kaushan+Script|Knewave|Marck+Script|Mr+Dafoe|Nothing+You+Could+Do|Pacifico|Permanent+Marker|Playball|Reenie+Beanie|Rock+Salt|Sacramento|Satisfy|Tangerine|Walter+Turncoat|Yellowtail" rel="stylesheet">
  24. <link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre|Josefin+Sans" rel="stylesheet">
  25.  
  26. <link href="https://fonts.googleapis.com/css?family=Dancing+Script|Engagement|Great+Vibes|Parisienne|Qwigley|Rouge+Script" rel="stylesheet">
  27.  
  28.  
  29. <link href="https://fonts.googleapis.com/css?family=Prata" rel="stylesheet">
  30.  
  31.  
  32.  
  33.  
  34. <script type="text/javascript"
  35. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  36. <script>
  37. $(document).ready(function() {
  38. //
  39. $('a.poplight[href^=#]').click(function() {
  40. var popID = $(this).attr('rel'); //Get Popup Name
  41. var popURL = $(this).attr('href'); //Get Popup href to define size
  42. var query= popURL.split('?');
  43. var dim= query[1].split('&');
  44. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  45. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  46. var popMargTop = ($('#' + popID).height() + 80) / 2;
  47. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  48. //Apply Margin to Popup
  49. $('#' + popID).css({
  50. 'margin-top' : -popMargTop,
  51. 'margin-left' : -popMargLeft
  52. });
  53. $('body').append('<div id="fade"></div>');
  54. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  55. return false;
  56. });
  57. $('a.close, #fade').live('click', function() {
  58. $('#fade , .popup_block, .question_block').fadeOut(function() {
  59. $('#fade, a.close').remove(); //fade them both out
  60. });
  61. return false;
  62. });
  63. });
  64. </script>
  65.  
  66. <!--tabs two script-->
  67. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  68. <script type="text/javascript">
  69. $(document).ready(function(){
  70. $(".links_body").hide();
  71. $(".links_head").click(function(){
  72. $(this).next(".links_body").slideToggle("fast");
  73. }); }); </script>
  74. <style type="text/css">
  75. .links_list { margin:0px; padding:0px; width:100%;}
  76. .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  77. .links_body { padding:10px; text-align:left; display:none;}
  78. </style>
  79.  
  80. <!-- verses script -->
  81. <script src="https://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  82.  
  83. <!-- Start of StatCounter Code for Tumblr -->
  84. <script type="text/javascript">
  85. var sc_project=10802541;
  86. var sc_invisible=1;
  87. var sc_security="4fab9bff";
  88. var scJsHost = (("https:" == document.location.protocol) ?
  89. "https://secure." : "https://www.");
  90. document.write("<sc"+"ript type='text/javascript' src='" +
  91. scJsHost+
  92. "statcounter.com/counter/counter.js'></"+"script>");
  93. </script>
  94. <noscript><div class="statcounter"><a title="tumblr
  95. statistics" href="https://statcounter.com/tumblr/"
  96. target="_blank"><img class="statcounter"
  97. src="https://c.statcounter.com/10802541/0/4fab9bff/1/"
  98. alt="tumblr statistics"></a></div></noscript>
  99. <!-- End of StatCounter Code for Tumblr -->
  100.  
  101. <style type="text/css">
  102.  
  103.  
  104. .popup_block {
  105. display:none;
  106. text-align:justify;
  107. position:fixed;
  108. top:20%; left: 94%;
  109. z-index:9999999999999;
  110. opacity:1;
  111. }
  112.  
  113. .popcont {
  114. left:149px;
  115. top:55px;
  116. width:194px;
  117. height:492px;
  118. padding-right:900px;
  119. position:fixed;
  120. overflow-y:scroll;
  121. overflow-x:hidden;
  122. }
  123.  
  124. *html #fade {position: absolute;}
  125. *html .popup_block {position: absolute;}
  126. #fade {
  127. display:none;
  128. position:fixed;
  129. left:0px;
  130. top:0px;
  131. width:100%;
  132. height:100%;
  133. z-index:999999;
  134. background:#000;
  135. opacity:.2;
  136. }
  137.  
  138. #headerbar{
  139. left:50%;
  140. top:50%;
  141. margin-left:-50px;
  142. margin-top:13px;
  143. width:400px;
  144. overflow:auto;
  145. text-align:justify;
  146. color:#000;
  147. font-family:"calibri";
  148. font-size:12px;
  149. }
  150.  
  151. #tabbar{
  152. left:50%;
  153. top:50%;
  154. margin-left:1px;
  155. margin-top:07px;
  156. width:300px;
  157. height:340px;
  158. overflow: auto;
  159. text-align:justify;
  160. color:#9d8903;
  161. font-family:"calibri";
  162. font-size:12px;
  163. }
  164.  
  165. ul#tab, ul#tabs{
  166. list-style-type:none;
  167.  
  168. }
  169. ul#tab li.active {
  170. display:inline-block;
  171. text-align:left;
  172.  
  173. }
  174. ul#tab li {
  175. display:none;
  176. overflow:hidden;
  177.  
  178. }
  179.  
  180. #sidelinks {
  181. z-index: 999999999999999;
  182. width:190px;
  183. top:140px;
  184. left:245px;
  185. position:fixed;
  186. text-align:left;
  187.  
  188. }
  189. ul#tabs li:first {
  190. display:inline-block;
  191. padding:3px;
  192. cursor:pointer;
  193. text-align:right;
  194.  
  195. }
  196. ul#tabs li {
  197. font-family:"calibri";
  198. font-weight:bold;
  199. font-size:8px;
  200. margin-bottom:1px;
  201. z-index: 999999999999;
  202. padding:3px;
  203. width:auto;
  204. cursor:pointer;
  205.  
  206. }
  207.  
  208. .dossier {
  209. height:500px;
  210. width:700px;
  211. position:fixed;
  212. background-image:url('https://i.imgur.com/4u00RwN.png');
  213. background-repeat:no-repeat;
  214. top:150px;
  215. left:500px;
  216. text-align:center;
  217.  
  218. }
  219.  
  220. .navigation {
  221. height:500px;
  222. width:700px;
  223. position:fixed;
  224. background-image:url('https://i.imgur.com/4u00RwN.png');
  225. background-repeat:no-repeat;
  226. top:150px;
  227. left:500px;
  228. text-align:center;
  229.  
  230. }
  231. .askbox {
  232. height:400px;
  233. width:450px;
  234. position:fixed;
  235. background-repeat:no-repeat;
  236. top:0px;
  237. left:0px;
  238. text-align:center;
  239.  
  240. }
  241.  
  242. .poptext {
  243. position:fixed;
  244. overflow-x:hidden;
  245. overflow-y:scroll;
  246. font-family:"roboto";
  247. text-align:left;
  248. font-size:12px;
  249. background-color:transparent;
  250. top:166px;
  251. left:521px;
  252. width:192px;
  253. height:366px;
  254. padding:1px;
  255.  
  256. }
  257.  
  258.  
  259. .poptext2 {
  260. position:fixed;
  261. overflow-x:hidden;
  262. overflow-y:scroll;
  263. font-family:"roboto";
  264. text-align:left;
  265. font-size:12px;
  266. background-color:#b39590;
  267. border-color:#41646d;
  268. top:150px;
  269. left:500px;
  270. width:500px;
  271. height:auto;
  272. padding:1px;
  273.  
  274. }
  275.  
  276. /** biography **/
  277. #butts1 {
  278. font-size:12px;
  279. margin-left:470px;
  280. margin-top:340px;
  281. position:fixed;
  282. background-image:url('');
  283. padding:3px;
  284. transform: rotate(0deg);
  285. -webkit-transform: rotate(0deg);
  286. text-shadow:0px 0px 6px #2d2936;
  287. }
  288.  
  289. #butts1:hover {
  290. text-shadow:0px 0px 6px #2d2936;
  291. -webkit-transition: all 0.8s ease-out;
  292. -moz-transition: all 0.8s ease-out;
  293. transition: all 0.8s ease-out;
  294. -webkit-filter:blur(.8px);
  295. }
  296.  
  297. /** navigation **/
  298. #butts2 {
  299. font-size:12px;
  300. margin-left:550px;
  301. margin-top:334px;
  302. position:fixed;
  303. background-image:url('');
  304. padding:3px;
  305. transform: rotate(0deg);
  306. -webkit-transform: rotate(0deg);
  307. text-shadow:0px 0px 6px #2d2936;
  308. }
  309.  
  310. #butts2:hover {
  311. text-shadow:0px 0px 6px #2d2936;
  312. -webkit-transition: all 0.8s ease-out;
  313. -moz-transition: all 0.8s ease-out;
  314. transition: all 0.8s ease-out;
  315. -webkit-filter:blur(.8px);
  316. }
  317.  
  318. #box, ul#tabs li, a {
  319. transition: 0.5s ease;
  320. -o-transition: 0.5s ease;
  321. -moz-transition: 0.5s ease;
  322. -webkit-transition: 0.5s ease;}
  323.  
  324.  
  325.  
  326. #linksys1 {
  327. font-size:40px;
  328. text-shadow:0px 0px 4px #000;
  329. }
  330.  
  331. #linksys1:hover {
  332. text-shadow:0px 0px 4px #000;
  333. }
  334.  
  335.  
  336. #linksys2 {
  337. font-size:40px;
  338. text-shadow:0px 0px 4px #000;
  339. }
  340.  
  341. #linksys2:hover {
  342. text-shadow:0px 0px 4px #000;
  343. }
  344.  
  345.  
  346. .buttons {
  347. border:1px solid #b39590;
  348. outline:1px dashed #b39590;
  349. outline-offset:1px;
  350. background:url ('https://i.imgur.com/DAUegM3.png');
  351. font-family:"roboto";
  352. text-align:center;
  353. font-weight:bold;
  354. display:inline-block;
  355. font-size:10px;
  356. margin:5px;
  357. padding:2px;
  358. width:100px;
  359. }
  360. .buttons:hover {
  361. background-color:#000;
  362. background:url('https://i.imgur.com/DAUegM3.png');
  363. color:#fff;
  364. }
  365. .buttons:active {
  366. position:relative;
  367. top:1px;
  368. }
  369.  
  370.  
  371. .question_block{
  372. height:300px;
  373. display: none;
  374. float: left;
  375. position: fixed;
  376. top: 50%; left: 50%;
  377. z-index: 999999999999;
  378. }
  379.  
  380. para {
  381. font-family: 'Prata', serif;
  382. color:#000;
  383. text-shadow:0 0 2px #fff;
  384. font-size:15px;
  385.  
  386. }
  387.  
  388. /* width */
  389. ::-webkit-scrollbar {
  390. width: 2px;
  391. }
  392.  
  393. /* Track */
  394. ::-webkit-scrollbar-track {
  395. background: #2b3033;
  396. }
  397.  
  398. /* Handle */
  399. ::-webkit-scrollbar-thumb {
  400. background: #b39590;
  401. }
  402.  
  403. /* Handle on hover */
  404. ::-webkit-scrollbar-thumb:hover {
  405. background: #555;
  406. }
  407.  
  408.  
  409. /*edit the body this is what post text looks like, background color, etc.*/
  410.  
  411. body {
  412. background-image:url("https://i.imgur.com/puooKcO.png");
  413. background-position:top left;
  414. background-attachment:fixed;
  415. background-repeat:no-repeat;
  416. margin:0px;
  417. background-color:#b39590;
  418. color:#fff;
  419. font-family:"roboto";
  420. text-transform:none;
  421. font-size:20px;
  422. line-height:120%;
  423. overflow-x:hidden;
  424. overflow-y:scroll #5a1a13 1px;
  425. }
  426.  
  427.  
  428. /*edit links*/
  429.  
  430. a {
  431. text-decoration:none;
  432. font-family:"Josefin Sans" cursive;
  433. font-size:12px;
  434. outline:none;
  435. -moz-outline-style:none;
  436. color:#b39590;
  437. -moz-transition-duration:0.8s;
  438. -webkit-transition-duration:0.8s;
  439. -o-transition-duration:0.8s;
  440. text-transform:uppercase;
  441. }
  442.  
  443. /*edit link hover*/
  444.  
  445. a:hover {
  446. color:#fff;
  447. outline:none;
  448. -moz-outline-style:none;
  449. text-decoration:none;
  450. border-radius: 20px 20px 20px 20px #fff;
  451. -webkit-filter: blur(1px);
  452. }
  453.  
  454. img {
  455. opacity:1;
  456. -webkit-filter: Grayscale(50%);
  457. -webkit-transition-duration: 0.8s;
  458. -moz-transition-duration:0.8s;
  459. transition-duration:0.8s;
  460. -o-transition-duration:0.8s;
  461. -webkit-filter: blur(0px);
  462. border-radius: 20px 20px 20px 20px #000;
  463. }
  464.  
  465. img:hover {
  466. opacity:1;
  467. -webkit-filter: Grayscale(0%);
  468. -webkit-transition: all 0.8s ease-out;
  469. -moz-transition: all 0.8s ease-out;
  470. transition: all 0.8s ease-out;
  471. -webkit-filter: blur(0px);
  472. border-radius: 20px 20px 20px 20px #000;
  473.  
  474. }
  475.  
  476.  
  477. h1 {
  478. width:397px;
  479. font-size:20px;
  480. text-align:center;
  481. font-family:"oswald";
  482. padding-left:0px;
  483. line-height:110%;
  484. letter-spacing:2px;
  485. color:#b39590;
  486. text-transform:uppercase;
  487. }
  488.  
  489.  
  490. h2 {
  491. width:397px;
  492. padding-left:0px;
  493. margin-left:4px;
  494. font-size:15px;
  495. text-align:center;
  496. font-family:"Josefin Sans", cursive;
  497. text-transform:lowercase;
  498. line-height:110%;
  499. letter-spacing:2px;
  500. color:#fff;
  501. }
  502.  
  503. h5 {
  504. font-size:15px;
  505. font-family:"Playball", cursive;
  506. text-transform:lowercase;
  507. text-align:center;
  508. margin-top:0px;
  509. margin-bottom:0px;
  510. letter-spacing:2px;
  511. color:#fff;
  512. }
  513.  
  514. h6 {
  515. font-size:14px;
  516. font-family:"Josefin Sans";
  517. text-align:none;
  518. margin-top:0px;
  519. margin-bottom:0px;
  520. letter-spacing:2px;
  521. color:#6193a4;
  522. }
  523.  
  524.  
  525. h3 {
  526. font-size:15px;
  527. text-align:none;
  528. line-height:110%;
  529. letter-spacing:2px;
  530. color:#551b1b;
  531. }
  532.  
  533. h4 {
  534. font-size:15px;
  535. font-family:"Satisfy", cursive;
  536. text-align:none;
  537. line-height:105%;
  538. letter-spacing:2px;
  539. color:#aeb7c2;
  540. }
  541.  
  542. pre {
  543. width:auto;
  544. word-break: break-all;
  545. white-space: normal;
  546. letter-spacing:1px;
  547. text-align:center;
  548. text-transform:uppercase;
  549. padding:2px;
  550. border-radius:2px;
  551. color:#fff;
  552. font-family:"Roboto";
  553. font-size:12px;
  554. background-color:#130e0d;
  555. background-image:url('https://i.imgur.com/UhgLRmn.png');
  556. border:1px solid #b39590;
  557. outline:1px dashed #b39590;
  558. outline-offset:2px;
  559. text-shadow:0px 3px 5px #000;
  560. }
  561.  
  562. hr {
  563. border: 0;
  564. height: 1px;
  565. background-image: linear-gradient(to right, rgba(85, 85, 85, 0), rgba(85, 85, 85, 0.75), rgba(85, 85, 85, 0));
  566. margin-bottom:2px;
  567. }
  568.  
  569.  
  570.  
  571. #title {
  572. color:#b39590;
  573. font-family:arial;
  574. font-size:16px;
  575. text-transform:lowercase;
  576. font-weight:bold;
  577. letter-spacing:0px;
  578. padding:4px;
  579. margin-top:-20px;
  580. margin-left:-14px;
  581. position:fixed;
  582. text-align:left;
  583. }
  584.  
  585.  
  586. #navi {
  587. float:left;
  588. width:115px;
  589. padding:3px;
  590. }
  591.  
  592. #muses {
  593. width:125px;
  594. float:left;
  595. overflow:auto;
  596. margin:1px 2px;
  597. }
  598.  
  599. .muses text {
  600. height:50px;
  601. overflow:scroll;
  602. }
  603.  
  604.  
  605. @-webkit-keyframes sally{
  606. from {-webkit-filter: blur(0px);}
  607. 60% {-webkit-filter: blur(2px);}
  608. to {-webkit-filter: blur(0px);}
  609. }
  610.  
  611. @-webkit-keyframes countess{
  612. from { transform: rotate(0deg)}
  613. to {transform: rotate(360deg);}
  614. }
  615.  
  616. /*sidebar links*/
  617.  
  618. .links {
  619. position: fixed;
  620. font-style:none;
  621. font-size:50px;
  622. margin-top:-50px;
  623. margin-left:23px;
  624. line-height:100%;
  625. text-align: center;
  626. width:0px;
  627. opacity:1;
  628. -webkit-transform: rotate(20deg);
  629. }
  630.  
  631. .links a {
  632. -webkit-filter:blur(0px);
  633. opacity:1;
  634. letter-spacing: 1px;
  635. padding:3px;
  636.  
  637. }
  638.  
  639. .links a:hover {
  640. opacity:1;
  641. }
  642.  
  643. .alinks {
  644. position: fixed;
  645. font-style:none;
  646. font-size:50px;
  647. margin-top:150px;
  648. margin-left:500px;
  649. word-spacing:2px;
  650. line-height: 100%;
  651. text-align: center;
  652. width:0px;
  653. margin-right: auto;
  654. opacity:1;
  655. transform: rotate(-20deg);
  656. -webkit-transform: rotate(-20deg);
  657.  
  658. }
  659.  
  660. .alinks a {
  661. -webkit-filter:blur(0px);
  662. letter-spacing: 1px;
  663. padding:3px;
  664.  
  665. }
  666.  
  667. .alinks a:hover {
  668. opacity:1;
  669. }
  670.  
  671. .blinks {
  672. position: fixed;
  673. font-style:none;
  674. font-size:50px;
  675. margin-top:230px;
  676. margin-left:1175px;
  677. word-spacing:2px;
  678. line-height: 100%;
  679. text-align: center;
  680. width:0px;
  681. margin-right: auto;
  682. opacity:1;
  683. transform: rotate(0deg);
  684. -webkit-transform: rotate(0deg);
  685.  
  686. }
  687.  
  688. .blinks a {
  689. -webkit-filter:blur(0px);
  690. letter-spacing: 1px;
  691. padding:3px;
  692.  
  693. }
  694.  
  695. .blinks a:hover {
  696. opacity:1;
  697. }
  698.  
  699. .dlinks {
  700. position: fixed;
  701. font-style:none;
  702. font-size:50px;
  703. margin-top:430px;
  704. margin-left:1000px;
  705. word-spacing:2px;
  706. line-height: 100%;
  707. text-align: center;
  708. width:0px;
  709. opacity:1;
  710. margin-right: auto;
  711. transform: rotate(20deg);
  712. -webkit-transform: rotate(20deg);
  713.  
  714. }
  715.  
  716. .dlinks a {
  717. -webkit-filter:blur(0px);
  718. letter-spacing: 1px;
  719. padding:3px;
  720. }
  721.  
  722. .dlinks a:hover {
  723. opacity:1;
  724. }
  725.  
  726.  
  727. /* this is the box that comes up when you hover over something with a title*/
  728.  
  729. #s-m-t-tooltip {
  730. max-height:250px;
  731. letter-spacing:0px;
  732. margin:4px 0px 0px 8px;
  733. font-family:"calibri";
  734. text-transform:auto;
  735. font-size:11px;
  736. text-transform:none;
  737. color:#fff;
  738. background-color:#130e0d;
  739. background-image:url('https://i.imgur.com/DAUegM3.png');
  740. border:1px solid #b39590;
  741. outline:1px dashed #b39590;
  742. outline-offset:2px;
  743. padding: 3px;
  744. z-index:999999999999999999;
  745. -webkit-transition:all 1.5s;
  746. -moz-transition:all 1.5s;
  747. -ms-transition:all 1.5s;
  748. -o-transition:all 1.5s;
  749. transition:all 1.5s;
  750. }
  751.  
  752. /*next page and previous page*/
  753.  
  754. #pagination {
  755. -ms-transform: rotate(0deg); /* IE 9 */
  756. -webkit-transform: rotate(0deg); /* Safari */
  757. transform: rotate(0deg)
  758.  
  759.  
  760. }
  761.  
  762. #pagination a {
  763. -webkit-filter: Grayscale(0%);
  764. -webkit-transition: all 0.8s ease-out;
  765. -moz-transition: all 0.8s ease-out;
  766. transition: all 0.8s ease-out;
  767. -webkit-filter: blur(0px)
  768.  
  769. }
  770.  
  771. #pagination a:hover {
  772. color:#2d2936;
  773. opacity:1;
  774. -webkit-transition: all 0.8s ease-out;
  775. -moz-transition: all 0.8s ease-out;
  776. transition: all 0.8s ease-out;
  777. -webkit-filter:blur(0px);
  778. }
  779.  
  780.  
  781. #container {
  782. position:fixed;
  783. width:405px;
  784. height:513px;
  785. top:23px;
  786. margin-left:626px;
  787. background-color:transparent;
  788. text-align:left;
  789. opacity:1;
  790. overflow-x: hidden;
  791. overflow-y:scroll;
  792. /*-webkit-mask-image: -webkit-linear-gradient(bottom, rgba(0,0,0,1)70%, rgba(0,0,0,0));*/
  793. }
  794.  
  795.  
  796. #post {
  797. width:400px;
  798. font-size:12px;
  799. letter-spacing:1px;
  800. font-family:"calibri";
  801. line-height:110%;
  802. padding-top:0px;
  803. margin-top:0px;
  804. margin-left:auto;
  805. margin-right:auto;
  806. opacity:1;
  807. -webkit-filter: grayscale(0%);
  808. filter: grayscale(0%);
  809. -webkit-transition: all .5s ease-in-out;
  810. -moz-transition: all .5s ease-in-out;
  811. -o-transition: all .5s ease-in-out;
  812. transition: all .5s ease-in-out;
  813. }
  814.  
  815. #post:hover{
  816. opacity:1;
  817. -webkit-transition: all .5s ease-in-out;
  818. -moz-transition: all .5s ease-in-out;
  819. -o-transition: all .5s ease-in-out;
  820. transition: all .5s ease-in-out;
  821. -webkit-filter: grayscale(0);
  822. filter: grayscale(0);
  823. }
  824.  
  825. #post blockquote {
  826. padding-left:5px;
  827. margin-right:0px;
  828. margin-left:5px;
  829. margin-top:2px;
  830. border-left:1px solid #b39590;
  831. border-radius:3px;
  832.  
  833. }
  834.  
  835. #post blockquote blockquote {
  836. padding-left:10px;
  837. margin-top:2px;
  838. margin-right:0px;
  839. margin-left:5px;
  840. border-left:1px solid #b39590;
  841. border-radius:3px;
  842.  
  843. }
  844.  
  845. /*italics and bold stuffs. here is where you can put new fonts, many i have already supplied you with!*/
  846.  
  847. b, strong {
  848. font-size:20px;
  849. letter-spacing:2px;
  850. font-family:"Prata";
  851. text-transform:uppercase;
  852. line-height:105%;
  853. color:#b39590;
  854. text-shadow:0px 0px 0px 1px #fff;
  855. }
  856.  
  857. i, em, italics {
  858. font-size:20px;
  859. font-family:"Dancing Script";
  860. padding-left:1px;
  861. letter-spacing:1px;
  862. text-transform:none;
  863. color:#b39590;
  864. }
  865.  
  866. sup, sub, small {
  867. font-size:14px;
  868. color:#fff;
  869. }
  870.  
  871.  
  872. /*time posted, note count, via and source*/
  873.  
  874. #info {
  875. font-size:18px;
  876. padding:4px 0px 1px 0px;
  877. margin:0px 0px 50px 10px;
  878. letter-spacing:4px;
  879. font-size:22px;
  880. color:#b39590;
  881. text-transform:none;
  882. }
  883.  
  884. #info a {
  885. color:#b39590;
  886. text-shadow:;
  887. text-transform:none;
  888. }
  889.  
  890. #info a:hover {
  891. color:#151515;
  892. }
  893.  
  894. #forward {
  895. opacity:1;
  896. font-weight:bold;
  897. font-size:50px;
  898. color:#a57678;
  899. top:575px;
  900. margin-left:375px;
  901. position: fixed;
  902. font-family:"calibri", sans-serif;
  903. text-shadow:0px 3px 2px #171b31;
  904. text-align: left;
  905. letter-spacing:2px;
  906. word-spacing:2px;
  907. transform: rotate(0deg);
  908. }
  909.  
  910. #forward:hover {
  911. opacity: 1;
  912. color:#fff;
  913. text-shadow:0px 3px 2px #171b31;
  914. -webkit-transition: all 0.8s ease-out;
  915. -moz-transition: all 0.8s ease-out;
  916. transition: all 0.8s ease-out;
  917. -webkit-filter:blur(.8px);
  918. }
  919.  
  920. #backward {
  921. opacity:1;
  922. font-weight:bold;
  923. font-size:50px;
  924. color:#a57678;
  925. top:575px;
  926. margin-left:265px;
  927. position: fixed;
  928. font-family:"calibri", sans-serif;
  929. text-shadow:0px 3px 2px #171b31;
  930. text-align: left;
  931. letter-spacing:2px;
  932. word-spacing:2px;
  933. transform: rotate(0deg);
  934. }
  935.  
  936. #backward:hover {
  937. opacity: 1;
  938. color:#fff1;
  939. text-shadow:0px 3px 2px #171b31;
  940. -webkit-transition: all 0.8s ease-out;
  941. -moz-transition: all 0.8s ease-out;
  942. transition: all 0.8s ease-out;
  943. -webkit-filter:blur(.8px);
  944. }
  945.  
  946.  
  947.  
  948. /*tags*/
  949.  
  950. .tags {
  951. width:370px;
  952. height:auto;
  953. margin:-35px 0px 0px 08px;
  954. line-height:100%;
  955. padding:6px;
  956. font-size:10px;
  957. word-break:keep-all;
  958. text-align:center;
  959. font-family:"roboto";
  960. background-color:#130e0d;
  961. background-image:url('https://i.imgur.com/DAUegM3.png');
  962. border:1px solid #b39590;
  963. outline:1px dashed #b39590;
  964. outline-offset:2px;
  965. letter-spacing:1px;
  966. }
  967.  
  968. .tags a {
  969. color:#fff;
  970. text-shadow:1px 1px 6px #000;
  971. }
  972.  
  973. .tags a:hover {
  974. color:#fff;
  975. text-shadow:1px 1px 6px #000;
  976. letter-spacing:2px;
  977. }
  978.  
  979. .postnote {
  980. width:375px;
  981. margin-top:40px;
  982. font-family:arial;
  983. text-transform:lowercase;
  984. font-style:normal;
  985. letter-spacing:0px;
  986. font-size:10px;
  987. text-align:left;
  988. }
  989.  
  990. img {
  991. -webkit-filter: grayscale(0%);}
  992.  
  993. img:hover {
  994. -webkit-filter: grayscale(0%);}
  995.  
  996.  
  997.  
  998. /*here go asks*/
  999.  
  1000. #ask {
  1001. width:400px;
  1002. margin-left:0px;
  1003. margin-top:20px;
  1004. margin-bottom:10px;
  1005. font-size:40px;
  1006. text-align:center;
  1007. font-family:"Dancing Script";
  1008. font-style:none;
  1009. text-transform:none;
  1010. line-height:100%;
  1011. color:#fff;
  1012. }
  1013.  
  1014. #ask a {
  1015. color:#fff;
  1016. text-transform:none;
  1017. font-size:40px;
  1018. }
  1019.  
  1020. #ask a:hover {
  1021. color:#b39590;
  1022. letter-spacing:3px;
  1023. }
  1024.  
  1025. #askheader {
  1026. position:absolute;
  1027. margin-left:28px;
  1028. margin-top:-22px;
  1029. }
  1030.  
  1031. #q {
  1032. width:370px;
  1033. margin-left:5px;
  1034. margin-top:3px;
  1035. padding:10px;
  1036. text-align:center;
  1037. color:#fff;
  1038. font-family:"roboto";
  1039. font-size:12px;
  1040. background-color:#000;
  1041. background-image:url('https://i.imgur.com/EVQ0r2W.png');
  1042. border:1px solid #b39590;
  1043. outline:1px dashed #b39590;
  1044. outline-offset:2px;
  1045. text-shadow:0px 1px 1px #000;
  1046. }
  1047.  
  1048. #ans {
  1049. text-align:justify;
  1050. margin-top:5px;
  1051. padding:5px;
  1052. }
  1053.  
  1054.  
  1055.  
  1056.  
  1057. .playerbuttonbg {
  1058. position: absolute;
  1059. left: 10px;
  1060. top: 10px;
  1061. width: 18px;
  1062. height: 18px;
  1063. background-color:#fff;
  1064. padding: 10px;
  1065. -webkit-border-radius: 40px;
  1066. -moz-border-radius: 40px;
  1067. border-radius: 40px;
  1068. opacity: .4;
  1069. filter: alpha(opacity=40);
  1070. -moz-opacity: 0.4;
  1071. -khtml-opacity: 0.4;
  1072. transition: opacity .7s ease-in-out;
  1073. -moz-transition: opacity .7s ease-in-out;
  1074. -webkit-transition: opacity .7s ease-in-out;
  1075. }
  1076.  
  1077. .playerbuttonbg:hover {
  1078. opacity: 1;
  1079. filter: alpha(opacity=100);
  1080. -moz-opacity: 1;
  1081. -khtml-opacity: 1;
  1082. }
  1083.  
  1084. .newplayerbutton {
  1085. position: relative;
  1086. width: 19px;height: 19px;
  1087. overflow: hidden;
  1088. }
  1089.  
  1090. .playerbuttonhug {
  1091. position: absolute;
  1092. top: -18px;left: -7px;
  1093. }
  1094.  
  1095. .tumblr_audio_player {
  1096. border:none;
  1097. height: 50px;
  1098. width: 240px;
  1099. margin-left:3px;
  1100. margin-top:3px;
  1101. }
  1102.  
  1103. .audioimgwrapper {
  1104. position: absolute;
  1105. left: 0px;
  1106. top: 0px;
  1107. overflow: hidden;
  1108. color:#5a1a13;
  1109. width: 60px;
  1110. height: 60px;
  1111. }
  1112.  
  1113. .audioimgwrapper img {
  1114. width: 100%;
  1115. height: auto;
  1116. }
  1117. .trackdetails {
  1118. width: auto;
  1119. display:inline-block;
  1120. margin-left: 90px;
  1121. min-height: 85px;
  1122. }
  1123.  
  1124. .audiowrapper {
  1125. position: relative;
  1126. display:inline-block;
  1127.  
  1128. }
  1129.  
  1130.  
  1131.  
  1132. /* --- UPDATES ---*/
  1133.  
  1134. #updates {
  1135. position:fixed;
  1136. font-size:12px;
  1137. width:438px;
  1138. height:137px;
  1139. top:421px;
  1140. margin-left:120px;
  1141. padding:5px;
  1142. overflow:auto;
  1143. text-align:center;
  1144. opacity:1;
  1145. }
  1146.  
  1147. #updates:hover{
  1148. -webkit-transition: all 0.5s ease-in-out;
  1149. -moz-transition: all 0.5s ease-in-out;
  1150. transition: all 0.5s ease-in-out;
  1151. opacity:1;
  1152.  
  1153. }
  1154.  
  1155.  
  1156. /*credit. only change this if you actually make the code your own*/
  1157.  
  1158. #credit {
  1159. position:fixed;
  1160. font-size:14px;
  1161. color:#955554;
  1162. font-weight:none;
  1163. line-height:150%;
  1164. letter-spacing:2px;
  1165. right:20px;
  1166. bottom:7px;
  1167. text-transform:none;
  1168. text-align:center;
  1169. -webkit-transition: all 0.5s ease-in-out;
  1170. -moz-transition: all 0.5s ease-in-out;
  1171. -o-transition: all 0.5s ease-in-out;
  1172. }
  1173.  
  1174. #credit a {
  1175. letter-spacing:2px;
  1176. padding:3px;
  1177. font-family:"Great Vibes", cursive;
  1178. text-transform:none;
  1179. color:#955554;
  1180. }
  1181.  
  1182. #credit a:hover {
  1183. background:#b39590;
  1184. color:#fff;
  1185. }
  1186.  
  1187.  
  1188.  
  1189.  
  1190. {CustomCSS}
  1191.  
  1192. }
  1193.  
  1194. </style></head><body>
  1195. <script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>
  1196. <script src=“https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js”></script>
  1197. <script>
  1198. (function($){
  1199. $(document).ready(function(){
  1200. $("a[title]").style_my_tooltips({
  1201. tip_follows_cursor:true,
  1202. tip_delay_time:7,
  1203. tip_fade_speed:7,
  1204. attribute:"title"
  1205. });
  1206. });
  1207. })(jQuery);
  1208. </script>
  1209.  
  1210.  
  1211. <!-- begin updates tab -->
  1212.  
  1213. <div id="updates">
  1214. <b>YADA YADA YADA</b>
  1215. <hr width="70%">
  1216. of <i>fandom name</i>.<br>
  1217. <pre>you can also do this. let's see how long and tall we can make this ayo yada yada i hope this works</pre>
  1218. <h6>ADD STUFF HERE. ADD STUFF HERE. ADD STUFF HERE. ADD STUFF HERE. ADD STUFF HERE. ADD STUFF HERE. ADD STUFF HERE. ADD STUFF HERE. ADD STUFF HERE. ADD STUFF HERE. ADD STUFF HERE. ADD STUFF HERE. ADD STUFF HERE. ADD STUFF HERE. ADD STUFF HERE. ADD STUFF HERE. ADD STUFF HERE. ADD STUFF HERE. ADD STUFF HERE. ADD STUFF HERE. ADD STUFF HERE. </h6>
  1219. <hr width="70%">
  1220. WHO IS WRITING THIS BABE? letters can also be lowercase.
  1221.  
  1222.  
  1223.  
  1224. </center>
  1225.  
  1226.  
  1227.  
  1228. </div>
  1229.  
  1230. <!-- end updates tab -->
  1231.  
  1232.  
  1233.  
  1234. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1235. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1236. <script>
  1237.  
  1238. (function($){
  1239.  
  1240. $(document).ready(function(){
  1241.  
  1242. $("a[title]").style_my_tooltips({
  1243.  
  1244. tip_follows_cursor:true,
  1245.  
  1246. tip_delay_time:50,
  1247.  
  1248. tip_fade_speed:600,
  1249.  
  1250. attribute:"title"
  1251.  
  1252. });
  1253.  
  1254. });
  1255.  
  1256. })(jQuery);
  1257.  
  1258. </script>
  1259.  
  1260.  
  1261.  
  1262. <div class="links">
  1263. <a href="/" title="home."><div id="linksys1"><img src="https://i.imgur.com/bxjfoAN.png"></div></a></div>
  1264.  
  1265. <div class="alinks">
  1266. <a href="#?=400" title="inquiries." rel="box1" class="poplight"><div id="linksys2"><img src="https://i.imgur.com/h6xlxZr.png"></div></a></div>
  1267.  
  1268. <div class="dlinks">
  1269. <a href="#?w=400" title="navigation." rel="box3" class="poplight"><div id="linksys2"><img src="https://i.imgur.com/O7YQ1Jt.png"></div></a></div>
  1270.  
  1271.  
  1272.  
  1273. </div>
  1274.  
  1275.  
  1276. <div id="pagination">
  1277. {block:Pagination}
  1278. {block:PreviousPage}
  1279. <a href="{PreviousPage}"><div id="backward">«</div></a>
  1280. {/block:PreviousPage}
  1281.  
  1282.  
  1283. {block:NextPage}
  1284. <a href="{NextPage}"><div id="forward">»</div></a>
  1285. {/block:NextPage}
  1286. {/block:Pagination}
  1287. </div>
  1288.  
  1289.  
  1290.  
  1291.  
  1292. </div>
  1293.  
  1294.  
  1295. <div id="container">
  1296. <div id="content">
  1297.  
  1298.  
  1299. {block:Posts}<div id="post">
  1300.  
  1301. {block:Text}
  1302. {block:Title}<h1>{Title}</h1>{/block:Title}
  1303. {Body}
  1304. {/block:Text}
  1305.  
  1306. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1307.  
  1308. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1309.  
  1310. {block:Quote}
  1311. <h2><div style="position:absolute; margin-left:-2px; margin-top:-5px;font-size:35px;-webkit-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg);">❛</div>{Quote}</h2>
  1312. <h3>—&nbsp;{Source}</h3>
  1313. {/block:Quote}
  1314.  
  1315. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1316.  
  1317. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  1318.  
  1319. {block:AudioPlayer}
  1320. <div class="audiowrapper">
  1321. {block:AlbumArt}
  1322. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1323. {/block:AlbumArt}
  1324.  
  1325. <div class="playerbuttonbg">
  1326. <div class="newplayerbutton">
  1327. <div class="playerbuttonhug">
  1328. {AudioPlayerWhite}
  1329. </div></div></div>
  1330.  
  1331. <div class="trackdetails">
  1332. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
  1333. {block:Artist}{Artist}{/block:Artist}<br/>
  1334. {PlayCountWithLabel}
  1335. </div></div>
  1336. {block:Caption}{Caption}{/block:Caption}
  1337. {/block:AudioPlayer}
  1338.  
  1339. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1340.  
  1341. {block:Answer}
  1342. <div id="askheader"></div>
  1343. <div id="ask">{Asker}</div>
  1344. <span style="color:#fff;font-size:12px;letter-spacing:2px;"><center>ASKED:</center></span>
  1345. <div id="q">{Question}</div>
  1346. <div id="ans">{Answer}</div>
  1347. {/block:Answer}
  1348.  
  1349. {block:Date}
  1350. <div id="info">
  1351. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}" style="position:fixed; margin-left:18px;font-size:12px; margin-top:0px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);">POSTED</a>
  1352. <a href="{Permalink}" title="{NoteCountWithLabel}" style="position:fixed; margin-left:160px; margin-top:0px;font-size:12px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);">NOTES</a>
  1353. <a href={ReblogURL} target=”_blank” class=”details” title="reblog" style="position:fixed; margin-left:302px; margin-top:0px;font-size:12px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(deg);">REBLOG</a>
  1354. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  1355. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1356. </div>
  1357. {/block:Date}
  1358.  
  1359.  
  1360. {block:HasTags}
  1361. <div class="tags">
  1362. {block:Tags}<a href="{TagURL}" title="{Tag}">&nbsp;#&nbsp;{Tag}&nbsp;</a> {/block:Tags}</div>
  1363. {/block:HasTags}
  1364.  
  1365.  
  1366. <div class="postnote">
  1367. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1368. </div>
  1369. </div>
  1370. {/block:Posts}
  1371. </div>
  1372. </div>
  1373. </div>
  1374. </div></div>
  1375.  
  1376.  
  1377.  
  1378.  
  1379. </div></div></div></div>
  1380. </div>
  1381.  
  1382. <div id="credit"><a href="https://butscrewmefirst.tumblr.com" title="CODE & IMAGE BY BUTSCREWMEFIRST / MANONCOMMS"><big><big>M</big></big></a></div>
  1383.  
  1384. </body>
  1385.  
  1386. </div></div></div></div></div></div></div></div></div></div>
  1387.  
  1388.  
  1389. <div id="box1"class="question_block">
  1390. <div class="askbox"><div class="poptext2">
  1391. <p><center><h6>Q U E S T I O N S ?</h6></center>
  1392. <p><iframe frameborder="0" border="0" scrolling="yes" width="100%" height="275px" allowtransparency="true" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
  1393. </div></div></div>
  1394.  
  1395.  
  1396. <div id="box3" class="popup_block">
  1397. <div id="sidelinks">
  1398. <ul id="tabs">
  1399. <li class="active"><li><div id="butts1">ABOUT</div></li><li><div id="butts2">NAVIGATION</div></li></ul></div>
  1400. <ul id="tab"><li><li class="active">
  1401. <div class="dossier">
  1402. <div class="poptext">
  1403.  
  1404. <center><pre><b>BIOGRAPHY</b></pre></center>
  1405. <hr width="60%">
  1406. have fun typing words here! fun codes to use are as follows: <p>
  1407. <pre>ayoooo here's a fun thing</pre>
  1408. <br>
  1409. <b>some bolded fonts</b>
  1410. <br>
  1411. <i>some italicized fonts</i>
  1412. <br>
  1413. normal font; <h3>more font</h3>; <h4>idk man</h4>; <h5>have fun with it!</h5>
  1414. <br><br>
  1415. </li>
  1416.  
  1417. <li>
  1418. <div class="navigation">
  1419. <div class="poptext">
  1420. <pre>NAVIGATION LINKS</pre>
  1421. <center><a href="/tagged/" class="buttons">link name</a>
  1422. <a href="/tagged/" class="buttons">link name</a>
  1423. <a href="/tagged/" class="buttons">link name</a>
  1424. <a href="/tagged/" class="buttons">link name</a></center>
  1425. <pre>ADDITIONAL LINKS</pre>
  1426. <center><a href="/tagged/" class="buttons">link name</a>
  1427. <a href="/tagged/" class="buttons">link name</a>
  1428. <a href="/tagged/" class="buttons">link name</a>
  1429. <a href="/tagged/" class="buttons">link name</a></center>
  1430.  
  1431. </div>
  1432.  
  1433. </li></li>
  1434.  
  1435.  
  1436. </ul>
  1437. </div></div></div></div></div>
  1438.  
  1439. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!