API tools faq
paste
Advertisement
bbrose

Misfortune

bbrose
Apr 20th, 2018
238
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.00 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9. </head>
  10.  
  11. <!---Misfortune // Theme #12 by Schnee Themes--->
  12.  
  13. <!---POPUP BOXES--->
  14.  
  15. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  16. <script>
  17. $(document).ready(function() {
  18. //
  19. $('a.poplight[href^=#]').click(function() {
  20. var popID = $(this).attr('rel'); //Get Popup Name
  21. var popURL = $(this).attr('href'); //Get Popup href to define size
  22. var query= popURL.split('?');
  23. var dim= query[1].split('&');
  24. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  25. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  26. var popMargTop = ($('#' + popID).height() + 80) / 2;
  27. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  28. //Apply Margin to Popup
  29. $('#' + popID).css({
  30. 'margin-top' : -popMargTop,
  31. 'margin-left' : -popMargLeft
  32. });
  33. $('body').append('<div id="fade"></div>');
  34. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  35. return false;
  36. });
  37. $('a.close, #fade').live('click', function() {
  38. $('#fade , .popup_block').fadeOut(function() {
  39. $('#fade, a.close').remove(); //fade them both out
  40. });
  41. return false;
  42. });
  43. });
  44. </script>
  45.  
  46. <!---POP UP ASK BOX--->
  47. <script type="text/javascript"
  48. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  49. <script>
  50. $(document).ready(function() {
  51. //
  52. $('a.poplight[href^=#]').click(function() {
  53. var popID = $(this).attr('rel'); //Get Popup Name
  54. var popURL = $(this).attr('href'); //Get Popup href to define size
  55. var query= popURL.split('?');
  56. var dim= query[1].split('&');
  57. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  58. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  59. var popMargTop = ($('#' + popID).height() + 80) / 2;
  60. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  61. //Apply Margin to Popup
  62. $('#' + popID).css({
  63. 'margin-top' : -popMargTop,
  64. 'margin-left' : -popMargLeft
  65. });
  66. $('body').append('<div id="fade"></div>');
  67. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  68. return false;
  69. });
  70. $('a.close, #fade').live('click', function() {
  71. $('#fade , .popup_block').fadeOut(function() {
  72. $('#fade, a.close').remove(); //fade them both out
  73. });
  74. return false;
  75. });
  76. });
  77. </script>
  78.  
  79. <!---POP UP TABS--->
  80.  
  81. <script>
  82.  
  83. $(document).ready(function(){
  84. $("ul#tabs li").click(function(e){
  85. if (!$(this).hasClass("active")) {
  86. var tabNum = $(this).index();
  87. var nthChild = tabNum+1;
  88. $("ul#tabs li.active").removeClass("active");
  89. $(this).addClass("active");
  90. $("ul#tab li.active").removeClass("active");
  91. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  92. }
  93. });
  94. });
  95.  
  96. </script>
  97.  
  98. <!---DROP DOWN MENU--->
  99.  
  100. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  101. <script type="text/javascript">
  102. $(document).ready(function(){
  103. $(".links_body").hide();
  104. $(".links_head").click(function(){
  105. $(this).next(".links_body").slideToggle('fast');
  106. }); }); </script>
  107. <style type="text/css">
  108. .links_list { margin:0px; padding:0px; width:100%;}
  109. .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  110. .links_body { padding:10px; text-align:left; display:none;}
  111. </style>
  112.  
  113.  
  114. <!---END--->
  115.  
  116.  
  117. <!---COLORS--->
  118.  
  119. <meta name="color:background" content="#b0788f">
  120.  
  121. <meta name="color:links" content="#b07898">
  122. <meta name="color:links hover" content="#ffffff">
  123.  
  124. <meta name="color:navigation" content="#ad6e8d">
  125. <meta name="color:navigation shadow" content="#000000">
  126. <meta name="color:navigation hover" content="#ffffff">
  127.  
  128. <meta name="color:text" content="#ed7c7c">
  129. <meta name="color:text shadow" content="#000000">
  130.  
  131. <meta name="color:blockquote" content="#b82081">
  132. <meta name="color:blockquote text" content="#b82081">
  133.  
  134. <meta name="color:numeral list" content="#9a1f1f">
  135. <meta name="color:bullet list" content="#f359d1">
  136. <meta name="color:list shadow" content="#000000">
  137.  
  138. <meta name="color:strikethrough" content="#8c1a33">
  139. <meta name="color:strike shadow" content="#000000">
  140.  
  141. <meta name="color:header 1" content="#a34257">
  142. <meta name="color:header 1 shadow" content="#000000">
  143.  
  144. <meta name="color:header 2" content="#bb0f5c">
  145. <meta name="color:header 2 shadow" content="#000000">
  146.  
  147. <meta name="color:header 3" content="#b81414">
  148. <meta name="color:header 3 shadow" content="#000000">
  149.  
  150. <meta name="color:header 4" content="#f55454">
  151.  
  152. <meta name="color:small" content="#b80a58">
  153. <meta name="color:small shadow" content="#000000">
  154.  
  155. <meta name="color:bold" content="#da2e2e">
  156. <meta name="color:bold shadow" content="#000000">
  157.  
  158. <meta name="color:italic" content="#d72b9e">
  159. <meta name="color:italic shadow" content="#000000">
  160.  
  161. <meta name="color:ask text" content="#f88f8f">
  162. <meta name="color:askbg" content="#c0bdbd">
  163. <meta name="color:ask border" content="#000000">
  164.  
  165. <meta name="color:quote text" content="#f5b2df">
  166.  
  167. <meta name="color:info text" content="#f8c6c6">
  168. <meta name="color:info hover" content="#ffffff">
  169. <meta name="color:info bg" content="#2b2b2b">
  170. <meta name="color:info border" content="#000000">
  171.  
  172. <meta name="color:tags" content="#fb5b7e">
  173. <meta name="color:tags hover" content="#f2992e">
  174.  
  175. <meta name="color:tabs" content="#ffffff">
  176. <meta name="color:tab background" content="#890025">
  177. <meta name="color:tab border" content="#ffffff">
  178. <meta name="color:tab hover" content="#2b2b2b">
  179. <meta name="color:tab hover a" content="#000000">
  180.  
  181. <meta name="color:credit" content="#000000">
  182.  
  183. <meta name="color:tip" content="#ff7dcf">
  184.  
  185. <meta name="color:highlight background" content="#470101">
  186. <meta name="color:highlight text" content="#ffb9d0">
  187.  
  188. <!---IMAGES--->
  189.  
  190. <meta name="image:background" content="https://static.tumblr.com/jhua2co/WrCp6vqyf/misfortune.png"/>
  191.  
  192. <meta name="image:info" content="https://static.tumblr.com/jhua2co/nzFp7i1to/glsd546-texture03.png"/>
  193.  
  194. <meta name="image:ask" content="https://static.tumblr.com/jhua2co/HhPp7i1x2/022_glsd546.png"/>
  195.  
  196. <meta name="image:quote" content="https://static.tumblr.com/jhua2co/qIDp4ay0o/texture3__6_.png"/>
  197.  
  198. <meta name="image:credit" content="http://static.tumblr.com/jhua2co/76colu2s1/txt1.jpg"/>
  199.  
  200. <meta name="image:banner" content="https://static.tumblr.com/jhua2co/wn7p4ay4d/p_-_rosesylla__2_.png"/>
  201.  
  202. <!---CUSTOM FONTS--->
  203. <!---if you don't want these fonts, feel free to change and replace them~ --->
  204.  
  205. <link href='https://fonts.googleapis.com/css?family=Trochut' rel='stylesheet' type='text/css'>
  206. <link href="http://fonts.googleapis.com/css?family=Gochi+Hand" rel="stylesheet" type="text/css">
  207. <link href="http://fonts.googleapis.com/css?family=Carter+One" rel="stylesheet" type="text/css">
  208. <link href="http://fonts.googleapis.com/css?family=Gruppo" rel="stylesheet" type="text/css">
  209. <link href="http://fonts.googleapis.com/css?family=Seaweed+Script" rel="stylesheet" type="text/css">
  210. <link href="http://fonts.googleapis.com/css?family=Nixie+One" rel="stylesheet" type="text/css">
  211. <link href="http://fonts.googleapis.com/css?family=Pathway+Gothic+One" rel="stylesheet" type="text/css">
  212. <link href="https://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet">
  213. <link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet">
  214. <link href="https://fonts.googleapis.com/css?family=Lemon" rel="stylesheet">
  215. <link href="http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope" rel="stylesheet" type="text/css">
  216. <link href="http://fonts.googleapis.com/css?family=Tangerine" rel="stylesheet" type="text/css">
  217. <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  218. <link href="https://fonts.googleapis.com/css?family=Special+Elite" rel="stylesheet">
  219. <link href="https://fonts.googleapis.com/css?family=Sacramento" rel="stylesheet">
  220. <link href="https://fonts.googleapis.com/css?family=Allura" rel="stylesheet">
  221. <link href="https://fonts.googleapis.com/css?family=Atomic+Age" rel="stylesheet">
  222. <link href="https://fonts.googleapis.com/css?family=Lily+Script+One" rel="stylesheet">
  223.  
  224.  
  225.  
  226. <style type="text/css">
  227.  
  228.  
  229. /*--SCROLLBAR--*/
  230.  
  231. ::-webkit-scrollbar-thumb{
  232. background-color: transparent;
  233. border-radius:0px;
  234. height:auto;
  235. }
  236.  
  237. ::-webkit-scrollbar {
  238. height:auto;
  239. width:4px;
  240. border: 1px transparent;
  241. border-radius:0px;
  242. }
  243.  
  244. /*--HIGHLIGHT COLORS--*/
  245.  
  246. ::selection {
  247. background: {color:highlight background};
  248. color: {color:highlight text};
  249. }
  250. ::-moz-selection {
  251. background: {color:highlight background};
  252. color: {color:highlight text};
  253. }
  254.  
  255. /*--CURSOR--*/
  256.  
  257. *,body, a:hover {cursor: url(https://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), progress !important;}
  258.  
  259. /*--BLOG BUILDING--*/
  260.  
  261. /*--BACKGROUND & BODY--*/
  262.  
  263. body {
  264. background-color:{color:background};
  265. background-image: url("{image:background}"); /*can be changed, if you want to use a link instead, just delete {image:background} */
  266. font-family:'Pathway Gothic One', sans-serif;
  267. background-position: top left;
  268. background-repeat: no-repeat;
  269. background-attachment: fixed;
  270. font-size:15px;
  271. color:{color:text};
  272. }
  273.  
  274. /*--LINKS--*/
  275.  
  276. a {
  277. color:{color:links};
  278. text-decoration:none;
  279. }
  280.  
  281. a:hover {
  282. color:{color:links hover};
  283. }
  284.  
  285. /*--START OF TEXT DECORATIONS--*/
  286.  
  287. /*--BOLD--*/
  288.  
  289. b, strong {
  290. color:{color:bold};
  291. font-size:15px;
  292. font-family: 'Lemon';
  293. }
  294.  
  295. /*--ITALICS--*/
  296.  
  297. i, em {
  298. color:{color:italic};
  299. font-size:17px;
  300. font-family: 'Caveat';
  301. }
  302.  
  303. /*--STRIKETHROUGH--*/
  304.  
  305. strike, strikethrough {
  306. color:{color:strikethrough};
  307. font-size:15px;
  308. font-family:'Gochi Hand';
  309. }
  310.  
  311. /*--SMALL TEXT--*/
  312.  
  313. small, sub, sup {
  314. color:{color:small};/
  315. font-size:15px;
  316. font-family:'Nixie One';
  317. }
  318.  
  319. /*--HEADER 1 (aka post title)--*/
  320.  
  321. h1 {
  322. font-size: 30px;
  323. color: {color:header 1};
  324. font-family: 'Special Elite';
  325. line-height:120%;
  326. }
  327.  
  328. /*--HEADER 2 (header used IN posts)--*/
  329.  
  330. h2 {
  331. font-family:'Sacramento';
  332. font-size:40px;
  333. color: {color:header 2};
  334. text-align:center;
  335. line-height:25px;
  336. padding:0 6px 0 6px;
  337. }
  338.  
  339. /*--HEADER 3 (aka quote source)--*/
  340.  
  341. h3 {
  342. font-size: 30px;
  343. color: {color:header 3};
  344. font-family: 'Seaweed Script';
  345. text-transform: none;
  346. }
  347.  
  348. /*--HEADER 4 (aka banners)--*/
  349.  
  350. h4 {
  351. background-image: url("https://static.tumblr.com/1n8dcrm/z5Vp480km/p_-_rosesylla__1_.png");
  352. background-repeat: repeat;
  353. background-attachment: fixed;
  354. border-left: solid 1px #9b9b9b;
  355. border-top: solid 1px #9b9b9b;
  356. border-right: solid 1px #9b9b9b;
  357. border-bottom: solid 1px #9b9b9b;
  358. border-radius: 4px;
  359. padding:1px;
  360. color:{color:header 4};
  361. text-shadow:1px 1px 0px #000,
  362. 1px -1px 0px #000,
  363. -1px -1px 0px #000,
  364. -1px 1px 0px #000,
  365. 0px 1px 0px #000,
  366. 0px -1px 0px #000,
  367. 1px 0px 0px #000,
  368. -1px 0px 0px #000;
  369. font-size:15px;
  370. font-family:'Parisienne';
  371. text-transform:none;
  372. letter-spacing:1px;
  373. text-align:center;}
  374.  
  375. /*--END OF TEXT DECORATIONS--*/
  376.  
  377.  
  378. /*--START OF POSTS--*/
  379.  
  380. /*--CONTAINER--*/
  381.  
  382. #container {
  383. position:absolute;
  384. top:100px;
  385. left:415px;
  386. /* If you want a border, just add 'border: _px solid #color;' */
  387. height:360px;
  388. width:350px;
  389. word-wrap: break-word;
  390. z-index:999;
  391. overflow-y:scroll;
  392. background:transparent;
  393. }
  394.  
  395. /*--POSTS--*/
  396.  
  397. .posts {
  398. width:300px;
  399. padding:10px;
  400. margin-bottom:30px;
  401. }
  402.  
  403. /*--BLOCKQUOTE--*/
  404.  
  405. blockquote {
  406. padding:2px 7px;
  407. margin:3px 0 3px 8px;
  408. font-size:15px;
  409. border-left: solid 3px {color:blockquote};
  410. color:{color:blockquote text};
  411. font-family:'Atomic Age';
  412. border-radius: 10px 0px 0px 10px;
  413. -moz-border-radius: 10px 0px 0px 10px;
  414. -webkit-border-radius: 10px 0px 0px 10px;
  415. }
  416.  
  417. blockquote img {
  418. max-width:100%;
  419. height:auto;
  420. opacity:1;
  421. }
  422.  
  423.  
  424. img {
  425. max-width: 100%;
  426. opacity:1;
  427. }
  428.  
  429.  
  430. /*--LIST--*/
  431.  
  432. /*--ORDERED LIST (NUMERALS)--*/
  433.  
  434. ol {
  435. list-style-type:upper-roman;
  436. font-family:'Carter One';
  437. font-size:15px;
  438. color: {color:numeral list};
  439. }
  440.  
  441. /*--UNORDERED LIST (BULLETS)--*/
  442.  
  443. ul {
  444. list-style-type:circle;
  445. font-family:'Annie Use Your Telescope';
  446. font-size:15px;
  447. color: {color:bullet list};
  448. }
  449.  
  450. /*--END OF POSTS--*/
  451.  
  452. /*--START OF UPDATE BOX--*/
  453.  
  454. #updates {
  455. position:absolute;
  456. text-align:center;
  457. /* to add a border, just add: "border: _px solid #color" */
  458. left:765px;
  459. top:150px;
  460. height:160px;
  461. width:200px;
  462. overflow-y:scroll;
  463. }
  464. /*--END OF UPDATE BOX--*/
  465.  
  466.  
  467. /*--START OF NAVIGATION--*/
  468.  
  469.  
  470. /*--SCATTERED LINKS--*/
  471.  
  472.  
  473. /*--LINK 1--*/
  474.  
  475. .link1 {
  476. position: fixed;
  477. top: 345px;
  478. left: 185px;
  479. opacity:1;
  480. }
  481.  
  482. .link1 a {
  483. font-family: 'Gruppo';
  484. font-size: 30px;
  485. color: {color:navigation};
  486. text-shadow: 2px 2px 2px {color:navigation shadow};
  487. }
  488.  
  489. .link1 a:hover {
  490. color: {color:navigation hover};
  491. }
  492.  
  493. /*--LINK 2--*/
  494.  
  495. .link2 {
  496. position: fixed;
  497. top: 300px;
  498. left: 245px;
  499. opacity:.8;
  500. -webkit-transform: rotate(45deg);
  501. -moz-transform: rotate(45deg);
  502. -o-transform: rotate(45deg);
  503. }
  504.  
  505. .link2 a {
  506. font-family: 'Gruppo';
  507. font-size: 30px;
  508. color: {color:navigation};
  509. text-shadow: 2px 2px 2px {color:navigation shadow};
  510. }
  511.  
  512. .link2 a:hover {
  513. color: {color:navigation hover};
  514. }
  515.  
  516. /*--LINK 3--*/
  517.  
  518. .link3 {
  519. position: fixed;
  520. top: 270px;
  521. left: 190px;
  522. opacity:.8;
  523. -webkit-transform: rotate(-45deg);
  524. -moz-transform: rotate(-45deg);
  525. -o-transform: rotate(-45deg);
  526. }
  527.  
  528. .link3 a {
  529. font-family: 'Gruppo';
  530. font-size: 30px;
  531. color: {color:navigation};
  532. text-shadow: 2px 2px 2px {color:navigation shadow};
  533. }
  534.  
  535. .link3 a:hover {
  536. color: {color:navigation hover};
  537. }
  538.  
  539. /*--LINK 4--*/
  540.  
  541. .link4 {
  542. position: fixed;
  543. top: 230px;
  544. left: 240px;
  545. opacity:.8;
  546. -webkit-transform: rotate(0deg);
  547. -moz-transform: rotate(0deg);
  548. -o-transform: rotate(0deg);
  549. }
  550.  
  551. .link4 a {
  552. font-family: 'Gruppo';
  553. font-size: 30px;
  554. color: {color:navigation};
  555. text-shadow: 2px 2px 2px {color:navigation shadow};
  556. }
  557.  
  558. .link4 a:hover {
  559. color: {color:navigation hover};
  560. }
  561.  
  562. /*--LINK 5--*/
  563.  
  564. .link5 {
  565. position: fixed;
  566. top: 400px;
  567. left: 230px;
  568. opacity:.8;
  569. -webkit-transform: rotate(15deg);
  570. -moz-transform: rotate(15deg);
  571. -o-transform: rotate(15deg);
  572. }
  573.  
  574. .link5 a {
  575. font-family: 'Gruppo';
  576. font-size: 30px;
  577. color: {color:navigation};
  578. text-shadow: 2px 2px 2px {color:navigation shadow};
  579. }
  580.  
  581. .link5 a:hover {
  582. color: {color:navigation hover};
  583. }
  584.  
  585. /*--LINK 6--*/
  586.  
  587. .link6 {
  588. position: fixed;
  589. top: 410px;
  590. left: 300px;
  591. opacity:.8;
  592. -webkit-transform: rotate(15deg);
  593. -moz-transform: rotate(15deg);
  594. -o-transform: rotate(15deg);
  595. }
  596.  
  597. .link6 a {
  598. font-family: 'Gruppo';
  599. font-size: 30px;
  600. color: {color:navigation};
  601. text-shadow: 2px 2px 2px {color:navigation shadow};
  602. }
  603.  
  604. .link6 a:hover {
  605. color: {color:navigation hover};
  606. }
  607.  
  608. /*--LINK 7--*/
  609.  
  610. .link7 {
  611. position: fixed;
  612. top: 460px;
  613. left: 255px;
  614. opacity:.8;
  615. -webkit-transform: rotate(-45deg);
  616. -moz-transform: rotate(-45deg);
  617. -o-transform: rotate(-45deg);
  618. }
  619.  
  620. .link7 a {
  621. font-family: 'Gruppo';
  622. font-size: 30px;
  623. color: {color:navigation};
  624. text-shadow: 2px 2px 2px {color:navigation shadow};
  625. }
  626.  
  627. .link7 a:hover {
  628. color: {color:navigation hover};
  629. }
  630.  
  631. /*--BUDDY ICONS--*/
  632.  
  633. #buddytitle {
  634. position:absolute;
  635. text-align:center;
  636. top: 300px;
  637. left:765px;
  638. width:200px;
  639. }
  640.  
  641. .buddy1 {
  642. position: fixed;
  643. top:350px;
  644. left:765px;
  645. }
  646.  
  647. .buddy1 a {
  648. font-family: 'Gruppo';
  649. font-size: 90px;
  650. color: {color:navigation};
  651. text-shadow: 0px 0px 8px #fff;
  652. }
  653.  
  654. .buddy1 a:hover {
  655. color: {color:navigation hover};
  656. }
  657.  
  658. .buddy2 {
  659. position: fixed;
  660. top: 350px;
  661. left: 840px;
  662. }
  663.  
  664. .buddy2 a {
  665. font-family: 'Gruppo';
  666. font-size: 90px;
  667. color: {color:navigation};
  668. text-shadow: 0px 0px 8px #fff;
  669. }
  670.  
  671. .buddy2 a:hover {
  672. color: {color:navigation hover};
  673. }
  674.  
  675. .buddy3 {
  676. position: fixed;
  677. top: 350px;
  678. left: 915px;
  679. }
  680.  
  681. .buddy3 a {
  682. font-family: 'Gruppo';
  683. font-size: 90px;
  684. color: {color:navigation};
  685. text-shadow: 0px 0px 8px #fff;
  686. }
  687.  
  688. .buddy3 a:hover {
  689. color: {color:navigation hover};
  690. }
  691.  
  692. /*--CREDIT. DO NOT REMOVE--*/
  693.  
  694. #credit {
  695. bottom:10px;
  696. left:10px;
  697. font-size:15px;
  698. position:fixed;
  699. color: {color:credit};
  700. text-shadow: 0px 0px 8px #fff;
  701. font-family:'Marvel';
  702. border: 1px solid #000;
  703. padding:3px 7px 3px 8px;
  704. background-color:{color:background};
  705. background-image:url("{image:credit}");
  706. text-transform:none;
  707. z-index:999999999999;
  708. letter-spacing:2px;
  709. border-radius:5px;
  710. }
  711.  
  712. /*--PAGINATION--*/
  713.  
  714. .pagination {
  715. top: 100px;
  716. left: 675px;
  717. position: fixed;
  718. width:300px;
  719. font-size:50px;
  720. text-shadow: 2px 2px 3px {color:navigation shadow};
  721. }
  722.  
  723. .pagination a {
  724. color: {color:link};
  725. text-shadow: 2px 2px 2px {color:navigation shadow}
  726. font-family:'Gruppo';
  727. }
  728.  
  729. .pagination a:hover{
  730. color:{color:link hover};
  731. }
  732.  
  733. /*--END OF NAVIGATION--*/
  734.  
  735. /*--START OF MISC--*/
  736.  
  737.  
  738. /*--TOOLTIP--*/
  739.  
  740. #s-m-t-tooltip {
  741. max-width:300px;
  742. padding:3px 7px 3px 8px;
  743. margin:-20px 0px 0px 20px;
  744. outline-offset: 2px;
  745. text-shadow: 1px 1px 1px #000;
  746. color:{color:tip};
  747. font-size:25px;
  748. font-family:'Lily Script One';
  749. text-transform:none;
  750. z-index:999999999999;
  751. letter-spacing:2px;
  752. }
  753.  
  754. /*--ASKS--*/
  755.  
  756. .asker {
  757. text-transform:none;
  758. font-family: 'Seaweed Script', cursive;
  759. padding-top:5px;
  760. max-width:380px;
  761. margin-top:0px;
  762. font-size:35px;
  763. margin-left:9px;
  764. }
  765.  
  766. #asker a{
  767. color: {color:links};
  768. font-family: 'Trochut', cursive;
  769. letter-spacing: 1px;
  770. font-size:20px;
  771. text-shadow: 1px 1px 1px {color:text shadow};
  772. }
  773.  
  774. #asker a:hover {
  775. color: {color:links hover};
  776. letter-spacing: 1px;
  777. }
  778.  
  779. .askeru {
  780. margin-top:-5px;
  781. margin-left:50px;
  782. text-transform:none;
  783. font-size:30px; }
  784.  
  785. #ask {
  786. font-family: 'Tangerine';
  787. font-size:20px;
  788. text-align:center;
  789. padding-top: 5px;
  790. margin-left:5px;
  791. text-transform:auto;
  792. line-height:190%;
  793. padding:8px;
  794. background:url("{image:ask}");
  795. background-repeat:repeat;
  796. background-attachment:fixed;
  797. color:{color:ask text};
  798. text-shadow: 1px 1px 1px {color:bold shadow};
  799. border:1px {color:ask border} solid;
  800. }
  801.  
  802. .ans {
  803. text-align:left;
  804. padding:10px;
  805.  
  806. }
  807.  
  808. /*--QUOTE--*/
  809.  
  810. .quotemarkleft {
  811. font-size: 80px;
  812. font-family: 'Seaweed Script';
  813. font-weight: bold;
  814. line-height: 100px;
  815. position: relative;
  816. margin: 0px 0 -70px 30px;
  817. color: {color:small};
  818. opacity: 0.9;
  819. }
  820.  
  821. .quotemarkright {
  822. font-family: 'Seaweed Script';
  823. font-size: 80px;
  824. font-weight: bold;
  825. padding-right: 0px;
  826. line-height: 30px;
  827. text-align: right;
  828. position: relative;
  829. margin:0 30px 0 -10px;
  830. color: {color:small};
  831. opacity: 0.97;
  832. }
  833.  
  834.  
  835. #quote {
  836. background:url("{image:quote}");
  837. background-repeat:repeat;
  838. background-attachment:fixed;
  839. font-family:'Allura';
  840. color:{color:quote text};
  841. font-size:35px;
  842. text-align:center;
  843. line-height:200%;
  844. padding:5px;
  845. padding-top:12px;
  846. padding-bottom:8px;
  847. }
  848.  
  849. .qsource{
  850. padding-top:3px;
  851. padding-bottom:1px;
  852. font-family:'Trochut';
  853. font-size:15px;
  854. text-align:right;
  855. }
  856.  
  857. /*--NOTES--*/
  858.  
  859. .note {
  860. word-wrap: break-word;
  861. width: 250px;
  862. font-size: 12px;
  863. text-align:left;
  864. line-height:90%;
  865. margin-left:-10px;
  866. }
  867.  
  868. .note li {
  869. list-style-type:none;
  870. padding:10px 25px 10px 25px;
  871. text-align:left;
  872. margin:0px;
  873. -moz-transition-duration:0.5s;
  874. -webkit-transition-duration:0.5s;
  875. -o-transition-duration:0.5s;
  876. }
  877.  
  878. /*--INFO--*/
  879.  
  880. #info {
  881. font-family: 'Trochut';
  882. width:250px;
  883. height:auto;
  884. margin-top:5px;
  885. padding-top:5px;
  886. margin-left:auto;
  887. margin-right:auto;
  888. padding-top:7px;
  889. font-size:20px;
  890. color:{color:info text};
  891. text-transform:none;
  892. letter-spacing:1px;
  893. font-style:normal;
  894. text-align:center;
  895. padding:4px;
  896. background-image:url("{image:info}"); /* remove link and replace with "{image:info}" if you don't want a gif */
  897. background-repeat:repeat;
  898. background-attachment:fixed;
  899. border:solid {color:info border} 1px;
  900. border-radius: 5px;
  901. }
  902.  
  903.  
  904. #info a {
  905. color:{color:info text};
  906. text-shadow: 1px 1px 1px {color:navigation shadow}
  907. }
  908.  
  909. #info a:hover {
  910. color:{color:info hover};
  911. margin-right: auto;
  912. -webkit-transition:all .1s ease-in-out;
  913. -moz-transition:all .1s ease-in-out;
  914. }
  915.  
  916. /*--TAGS--*/
  917.  
  918. .tags {
  919. text-align:left;
  920. }
  921.  
  922. .tags a {
  923. text-decoration:none;
  924. font-size: 11px;
  925. color:{color:tags};
  926. font-family: 'Lato', sans-serif;
  927. }
  928.  
  929. .tags a:hover {
  930. color:{color:tags hover};
  931. }
  932.  
  933. /*--END OF MISC--*/
  934.  
  935. /*--START OF POP UP BOXES--*/
  936.  
  937.  
  938. /*--POP UP BOX--*/
  939.  
  940. .popup_block{
  941. display:none;
  942. height:636px;
  943. width:1366px;
  944. background-image: url("https://static.tumblr.com/jhua2co/tj5p6w2qk/_2_-heaven_s_gate.png");
  945. float:left;
  946. position:fixed;
  947. top:50%;left:50%;
  948. z-index: 99999;
  949. }
  950.  
  951. /*--POP UP CONTENT--*/
  952.  
  953. .popupcontent {
  954. position:absolute;
  955. text-align:justify;
  956. padding:5px;
  957. width:500px;
  958. height:460px;
  959. overflow-y:scroll;
  960. margin-left:420px;
  961. margin-top:80px;
  962. }
  963.  
  964. /*--FADE--*/
  965.  
  966. *html #fade {position: absolute;}
  967. *html .popup_block {position: absolute;}
  968. #fade {
  969. display:none;
  970. position:fixed;
  971. left:0px;
  972. top:0px;
  973. width:100%;
  974. height:100%;
  975. z-index:9999;
  976. background:#000;
  977. opacity:1;
  978. }
  979.  
  980. /*--DROP DOWN MENU--*/
  981.  
  982. .link_list {
  983. margin: 0px;
  984. padding: 0.5px;
  985. width: 250px;
  986. margin-top: 1px;
  987. margin-left: 8px;
  988. }
  989.  
  990. .links_head {
  991. padding-top: 7px;
  992. padding-bottom: 7px;
  993. cursor: pointer;
  994. position: relative;
  995. margin: 1px;
  996. text-align: center;
  997. font-size:10px;
  998. letter-spacing:2px;
  999. background-color: #000;
  1000. background-image:url(’IF YOU WANT A BG IMAGE, IT GOES RIGHT HERE’);
  1001. border: 1px solid #0c0c0c;
  1002. outline: 0px solid #d9d9d8;
  1003. }
  1004.  
  1005. .links_body {
  1006. height: 150px;
  1007. overflow: scroll;
  1008. padding: 10px;
  1009. display: none;
  1010. background: #000;
  1011. font-size: 11px;
  1012. text-align: justify;
  1013. letter-spacing: 1px;
  1014. color: #818181;
  1015. line-height: 100%;
  1016. }
  1017.  
  1018. /*--END OF BUILDING--*/
  1019.  
  1020. </style>
  1021.  
  1022. <body>
  1023.  
  1024. <!---FILL IT IN--->
  1025.  
  1026. <!---LINKS--->
  1027.  
  1028. <div id="sidebar">
  1029.  
  1030. <div class="link1">
  1031. <a href="/" title="Refresh.">✯</a></div>
  1032. </div>
  1033. </div>
  1034.  
  1035. <div class="link2">
  1036. <a href="#?w=1366" rel="askbox" class="poplight" title="Ask.">★</a>
  1037. </div>
  1038. </div>
  1039.  
  1040. <div class="link3">
  1041. <a href="#?w=1366" rel="box2" class="poplight" title="Law.">✩</a>
  1042. </div>
  1043. </div>
  1044.  
  1045. <div class="link4">
  1046. <a href="#?w=1366" rel="box3" class="poplight" title="About.">✦</a>
  1047. </div>
  1048. </div>
  1049.  
  1050. <div class="link5">
  1051. <a href="#?w=1366" rel="box4" class="poplight" title="Information.">✶</a>
  1052. </div>
  1053. </div>
  1054.  
  1055. <div class="link6">
  1056. <a href="#?w=1366" rel="box5" class="poplight" title="Verses.">✫</a>
  1057. </div>
  1058. </div>
  1059.  
  1060. <div class="link7">
  1061. <a href="#?w=1366" rel="box6" class="poplight" title="Extra.">✧</a>
  1062.  
  1063. </div>
  1064. </div>
  1065.  
  1066. <!---CREDIT--->
  1067.  
  1068. <div id="credit"><a href="http://schneethemes.tumblr.com/" title="Schneethemes">❄</a></div>
  1069.  
  1070. <div class="pagination">
  1071.  
  1072. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" title="previous page">«</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}" title="next page">»</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  1073. </div></div></div>
  1074.  
  1075. </div>
  1076.  
  1077.  
  1078. <!---ASK--->
  1079.  
  1080. <div id="askbox" class="popup_block">
  1081. <div class="popupcontent">
  1082. <h1>Ask Title Here</h1>
  1083. <br>
  1084. <Center><iframe frameborder="0" scrolling="yes" width="100%" height="290" src="http://www.tumblr.com/ask_form/{url}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  1085. </center></div>
  1086. </div>
  1087. </div>
  1088.  
  1089. </div></div></div></div></div></div></div></div></div></div>
  1090.  
  1091. </div>
  1092.  
  1093.  
  1094. <!---UPDATES--->
  1095.  
  1096. <div id="updates">
  1097. <center><h2>#updatebox</h2></center>
  1098. <h4>Banner Text</h4>
  1099. <center><small>This is your updates box!! Fill it in as long as you want! You can add or remove sections if you'd like!</small></center>
  1100. <h4>Banner Text</h4>
  1101. <center><small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquam fermentum turpis vitae feugiat. Mauris efficitur turpis dapibus nunc mollis maximus. Integer quam lectus, aliquam nec vestibulum convallis, pretium non ante. Aenean arcu augue, laoreet nec vestibulum vel, feugiat id nisl. Suspendisse ut eros consequat, auctor felis sed, fermentum dolor. Nam ut nisi velit. Sed vulputate risus at lacus gravida blandit.</small></center>
  1102. <h4>Banner Text</h4>
  1103. <center><small>In hac habitasse platea dictumst. Sed fringilla cursus est. Sed id massa vel nisl blandit posuere. Fusce ut nulla non mi lobortis sodales. In vitae lacus porttitor, vehicula magna id, laoreet tellus. In hac habitasse platea dictumst. Vestibulum tristique felis vel nisi posuere efficitur. Nunc malesuada auctor accumsan. Quisque enim augue, vehicula sit amet interdum ut, efficitur et enim.</small></center>
  1104. <br><br>
  1105. </div>
  1106. </div>
  1107.  
  1108. <!---BUDDY ICONS--->
  1109.  
  1110. <div id="buddytitle">
  1111. <h4>Buddies</h4>
  1112. </div>
  1113.  
  1114. <div class="buddy1">
  1115. <a href="LINK HERE" title="TITLE HERE"><img src="https://78.media.tumblr.com/d469190cd5db04aed9875208bdbfeb05/tumblr_inline_p6w2ej5a7n1utkkdx_540.png" style="height:50px;width:50px;padding-right:5px;padding-bottom:0px;"></a></div>
  1116. </div>
  1117. </div>
  1118.  
  1119. <div class="buddy2">
  1120. <a href="LINK HERE" title="TITLE HERE"><img src="https://78.media.tumblr.com/8e6e90f9c87ca547d3c41103341f5f70/tumblr_inline_p6w2ej627N1utkkdx_540.png" style="height:50px;width:50px;padding-right:5px;padding-bottom:0px;"></a></div>
  1121. </div>
  1122. </div>
  1123.  
  1124. <div class="buddy3">
  1125. <a href="LINK HERE" title="TITLE HERE"><img src="https://78.media.tumblr.com/387e627febb0cfd43769920d57d5dc44/tumblr_inline_p6w2ek9cEX1utkkdx_540.png" style="height:50px;width:50px;padding-right:5px;padding-bottom:0px;"></a></div>
  1126. </div>
  1127. </div>
  1128.  
  1129. </div>
  1130.  
  1131. <!---POP UP BOX ONE--->
  1132.  
  1133. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  1134. <div id="box2" class="popup_block">
  1135. <div class="popupcontent">
  1136. <h1>Rules.</h1>
  1137. <h4>Sub Category Title</h4>
  1138. <small><li>This is your rules page!! Fill it in as long as you want! You can add or remove sections if you'd like!</small>
  1139. <h4>Sub Category Title</h4>
  1140. <small><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquam fermentum turpis vitae feugiat. Mauris efficitur turpis dapibus nunc mollis maximus. Integer quam lectus, aliquam nec vestibulum convallis, pretium non ante. Aenean arcu augue, laoreet nec vestibulum vel, feugiat id nisl. Suspendisse ut eros consequat, auctor felis sed, fermentum dolor. Nam ut nisi velit. Sed vulputate risus at lacus gravida blandit.</small>
  1141. <h4>Sub Category Title</h4>
  1142. <small><li>In hac habitasse platea dictumst. Sed fringilla cursus est. Sed id massa vel nisl blandit posuere. Fusce ut nulla non mi lobortis sodales. In vitae lacus porttitor, vehicula magna id, laoreet tellus. In hac habitasse platea dictumst. Vestibulum tristique felis vel nisi posuere efficitur. Nunc malesuada auctor accumsan. Quisque enim augue, vehicula sit amet interdum ut, efficitur et enim.</small>
  1143. <h4>Sub Category Title</h4>
  1144. <small><li>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque sit amet odio id enim semper efficitur. Praesent commodo urna in porta viverra. Integer tincidunt dapibus eros rhoncus sagittis. Etiam sit amet vestibulum justo. Donec egestas turpis quis luctus volutpat. Mauris tincidunt nibh eget orci luctus lobortis.</small>
  1145. <h4>Sub Category Title</h4>
  1146. <small><li>Aliquam feugiat efficitur arcu, id aliquam mauris dapibus sit amet. Aliquam erat volutpat. Donec quis libero nulla. Ut tristique elementum nulla. Sed ante diam, condimentum ac odio et, aliquam efficitur arcu. Phasellus eget ex velit. Sed eu eros eu dui pulvinar fermentum. Aliquam aliquet semper mauris, dictum dictum risus molestie interdum.</small>
  1147. <h4>Sub Category Title</h4>
  1148. <small><li>Praesent ultricies suscipit tempus. Sed euismod vestibulum aliquet. Mauris non magna massa. Nam eget ipsum ac dui iaculis ultrices non at eros. Sed pulvinar sem iaculis viverra hendrerit. Aliquam ut velit et ex varius tristique eget nec est. Aenean interdum lobortis arcu vitae semper.</small>
  1149. </div>
  1150. </div>
  1151. </div>
  1152. <!--END OF BOX -->
  1153.  
  1154. <!---POP UP BOX TWO--->
  1155.  
  1156. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  1157. <div id="box3" class="popup_block">
  1158. <div class="popupcontent">
  1159. <h1>About.</h1>
  1160. <h4>Title/Quote/Whatever you want here.</h4>
  1161. <blockquote>This is your about page!! Fill it in as long as you want!! </blockquote>
  1162. <h4>Title/Quote/Whatever you want here.</h4>
  1163. <blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquam fermentum turpis vitae feugiat. Mauris efficitur turpis dapibus nunc mollis maximus. Integer quam lectus, aliquam nec vestibulum convallis, pretium non ante. Aenean arcu augue, laoreet nec vestibulum vel, feugiat id nisl. Suspendisse ut eros consequat, auctor felis sed, fermentum dolor. Nam ut nisi velit. Sed vulputate risus at lacus gravida blandit.
  1164. <br><br>
  1165. In hac habitasse platea dictumst. Sed fringilla cursus est. Sed id massa vel nisl blandit posuere. Fusce ut nulla non mi lobortis sodales. In vitae lacus porttitor, vehicula magna id, laoreet tellus. In hac habitasse platea dictumst. Vestibulum tristique felis vel nisi posuere efficitur. Nunc malesuada auctor accumsan. Quisque enim augue, vehicula sit amet interdum ut, efficitur et enim.
  1166. </blockquote>
  1167. <h4>Title/Quote/Whatever you want here.</h4>
  1168. <blockquote>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque sit amet odio id enim semper efficitur. Praesent commodo urna in porta viverra. Integer tincidunt dapibus eros rhoncus sagittis. Etiam sit amet vestibulum justo. Donec egestas turpis quis luctus volutpat. Mauris tincidunt nibh eget orci luctus lobortis. Donec egestas hendrerit interdum. Curabitur pretium leo a libero posuere aliquam. Ut sed metus ut dui finibus varius. Sed odio tellus, porttitor non auctor at, commodo at est. Maecenas libero arcu, ultrices et mi sed, suscipit placerat risus.</blockquote>
  1169. <h4>Title/Quote/Whatever you want here.</h4>
  1170. <blockquote>Aliquam feugiat efficitur arcu, id aliquam mauris dapibus sit amet. Aliquam erat volutpat. Donec quis libero nulla. Ut tristique elementum nulla. Sed ante diam, condimentum ac odio et, aliquam efficitur arcu. Phasellus eget ex velit. Sed eu eros eu dui pulvinar fermentum. Aliquam aliquet semper mauris, dictum dictum risus molestie interdum.
  1171. </blockquote>
  1172. </div>
  1173. </div>
  1174. </div>
  1175. <!--END OF BOX -->
  1176.  
  1177. <!---POP UP BOX THREE--->
  1178.  
  1179. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  1180. <div id="box4" class="popup_block">
  1181. <div class="popupcontent">
  1182. <h1>Stats.</h1>
  1183. <blockquote><small>This is your stats page! Fill in with your muse's name, age, birthday, relationships, everything basically~</small></blockquote>
  1184. </div>
  1185. </div>
  1186. </div>
  1187. <!--END OF BOX -->
  1188.  
  1189. <!---POP UP BOX FOUR--->
  1190.  
  1191. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  1192. <div id="box5" class="popup_block">
  1193. <div class="popupcontent">
  1194. <h1>Verses.</h1>
  1195. <div class="links_list">
  1196. <p class="links_head">YOUR TITLE</p>
  1197. <div class="links_body">
  1198.  
  1199. <img src="https://78.media.tumblr.com/f3e3a26d093e0c9dfc3195cd64670687/tumblr_inline_oxf2hoDggo1utkkdx_540.png" align="left" style="height:90px;width:90px;padding-right:5px;padding-bottom:0px;">
  1200. <center>
  1201. YOUR CONTENT GOES HERE. you can include links, images, and pretty much anything you want. you don’t need to watch the length of your content either, since this code automatically limits the dropdown part into a certain height, which you can edit through the previous code ( the non-script one ) that I shared above.
  1202. </center>
  1203.  
  1204. </div></div>
  1205.  
  1206. <div class="links_list">
  1207. <p class="links_head">YOUR TITLE</p>
  1208. <div class="links_body">
  1209.  
  1210. <img src="https://78.media.tumblr.com/9cf30ad4c651f42f05f5bb05be4ac71a/tumblr_inline_oxf2hzO5LZ1utkkdx_540.png" align="left" style="height:100px;width:100px;padding-right:5px;padding-bottom:0px;">
  1211. <center>
  1212. YOUR CONTENT GOES HERE. you can include links, images, and pretty much anything you want. you don’t need to watch the length of your content either, since this code automatically limits the dropdown part into a certain height, which you can edit through the previous code ( the non-script one ) that I shared above.
  1213. </center>
  1214.  
  1215. </div></div>
  1216.  
  1217. <div class="links_list">
  1218. <p class="links_head">YOUR TITLE</p>
  1219. <div class="links_body">
  1220.  
  1221. <img src="https://78.media.tumblr.com/fcbdc218f2cec9461e655e7d11c9c729/tumblr_inline_oxf2iabMsK1utkkdx_540.png" align="left" style="height:90px;width:90px;padding-right:5px;padding-bottom:0px;">
  1222. <center>
  1223. YOUR CONTENT GOES HERE. you can include links, images, and pretty much anything you want. you don’t need to watch the length of your content either, since this code automatically limits the dropdown part into a certain height, which you can edit through the previous code ( the non-script one ) that I shared above.
  1224. </center>
  1225.  
  1226. </div></div>
  1227.  
  1228. <div class="links_list">
  1229. <p class="links_head">YOUR TITLE</p>
  1230. <div class="links_body">
  1231.  
  1232. <img src="https://78.media.tumblr.com/594798bf04234cf4a956d75f071833db/tumblr_inline_oxf2kpbreN1utkkdx_540.png" align="left" style="height:90px;width:90px;padding-right:5px;padding-bottom:0px;">
  1233. <center>
  1234. YOUR CONTENT GOES HERE. you can include links, images, and pretty much anything you want. you don’t need to watch the length of your content either, since this code automatically limits the dropdown part into a certain height, which you can edit through the previous code ( the non-script one ) that I shared above.
  1235. </center>
  1236. </div></div>
  1237.  
  1238. <div class="links_list">
  1239. <p class="links_head">YOUR TITLE</p>
  1240. <div class="links_body">
  1241.  
  1242. <img src="https://78.media.tumblr.com/2ff7923615d8b07c7004709fbef60304/tumblr_inline_oxf2kvI3YB1utkkdx_540.png" align="left" style="height:90px;width:90px;padding-right:5px;padding-bottom:0px;">
  1243. <center>
  1244. YOUR CONTENT GOES HERE. you can include links, images, and pretty much anything you want. you don’t need to watch the length of your content either, since this code automatically limits the dropdown part into a certain height, which you can edit through the previous code ( the non-script one ) that I shared above.
  1245. </center>
  1246. </div></div>
  1247.  
  1248. <div class="links_list">
  1249. <p class="links_head">YOUR TITLE</p>
  1250. <div class="links_body">
  1251.  
  1252. <img src="https://78.media.tumblr.com/637e3ab54f8f1a27470aa99a5953bf8a/tumblr_inline_oz5004NlMr1utkkdx_540.png" align="left" style="height:90px;width:90px;padding-right:5px;padding-bottom:0px;">
  1253. <center>
  1254. YOUR CONTENT GOES HERE. you can include links, images, and pretty much anything you want. you don’t need to watch the length of your content either, since this code automatically limits the dropdown part into a certain height, which you can edit through the previous code ( the non-script one ) that I shared above.
  1255. </center>
  1256.  
  1257. </div></div>
  1258.  
  1259. <div class="links_list">
  1260. <p class="links_head">YOUR TITLE</p>
  1261. <div class="links_body">
  1262.  
  1263. <img src="https://78.media.tumblr.com/fd11277c8c011aa5b76d8a818c902131/tumblr_inline_oxf2i6jqOe1utkkdx_540.png" align="left" style="height:90px;width:90px;padding-right:5px;padding-bottom:0px;">
  1264. <center>
  1265. YOUR CONTENT GOES HERE. you can include links, images, and pretty much anything you want. you don’t need to watch the length of your content either, since this code automatically limits the dropdown part into a certain height, which you can edit through the previous code ( the non-script one ) that I shared above.
  1266. </center>
  1267. </div></div>
  1268.  
  1269. </div>
  1270. </div>
  1271. </div>
  1272. <!--END OF BOX -->
  1273.  
  1274. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  1275. <div id="box6" class="popup_block">
  1276. <div class="popupcontent">
  1277. <h1>Free Box.</h1>
  1278. <blockquote><small>Anything can go in here!</small></blockquote>
  1279. </div></div></div>
  1280. <!--END OF BOX -->
  1281.  
  1282.  
  1283. <!---CONTAINER--->
  1284.  
  1285. <div id="container">
  1286.  
  1287. <!---POSTS--->
  1288.  
  1289. {block:Posts}
  1290.  
  1291. <div class="posts">
  1292.  
  1293. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1294.  
  1295. <!---PHOTO POST--->
  1296.  
  1297. {block:Photo}<center><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1298.  
  1299. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1300.  
  1301. <center>{block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</center>
  1302.  
  1303. <!---QUOTE POST--->
  1304.  
  1305. {block:Quote}<div id="quote">❝ {Quote} ❞{block:Source}<br><br> <div style="text-align: right;"><h3>━ {Source}</h3></div></div>{/block:Source}{/block:Quote}
  1306.  
  1307. <!---LINK POST--->
  1308.  
  1309. {block:Link}<a href="{URL}" class="link" {Target}><h3>{Name}</h3></a>{block:Description}{Description}{/block:Description}{/block:Link}
  1310.  
  1311. <!---CHAT POST--->
  1312.  
  1313. {block:Chat}{block:Title}<h1>{Title}</h1></a>{/block:Title}
  1314. {block:Lines}<i>{block:Label}{Label}{/block:Label}</i>&nbsp;{Line}<p>{/block:Lines}{/block:Chat}
  1315.  
  1316. <!---VIDEO POST--->
  1317.  
  1318. <center>{block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}</center>
  1319.  
  1320. <!---AUDIO POST--->
  1321.  
  1322. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1323.  
  1324. <!---ASK && ANSWER--->
  1325.  
  1326. {block:Answer}
  1327. <div id="ask">{question}<br><div style="text-align: right;">━ {asker}</div></div>
  1328. <br>
  1329. {Answer}{/block:Answer}
  1330.  
  1331. <!---INFO--->
  1332.  
  1333. {block:Date}<div id="info"> <a href="{Permalink}" title="{Month} {DayofMonth}{DayofMonthSuffix} {Year}">✦</a> <a href="{Permalink}" title="{12Hour}:{Minutes}{AmPm}">✦</a>
  1334. {/block:Date} ━ {block:NoteCount} <a href="{Permalink}" title="{NoteCountwithLabel}">✩</a> ━ {/block:NoteCount}
  1335.  
  1336. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">✧</a> {/block:RebloggedFrom}{block:ContentSource} <a title="{SourceTitle}" href="{SourceURL}">✧</a>{/block:ContentSource} ━ {/block:RebloggedFrom} <a href="{ReblogURL}"target="_blank" title="reblog">★</a> </div>
  1337.  
  1338. <!---TAGS--->
  1339.  
  1340. {block:HasTags}
  1341. <div class="tags">
  1342. <center> {block:Tags} <a href="{TagURL}" title="{Tag}">&nbsp; #{Tag} </a> {/block:Tags} </div></center>
  1343. {/block:HasTags}
  1344. </div>
  1345.  
  1346. <!---NOTES--->
  1347.  
  1348. <div class="postnote">
  1349. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1350.  
  1351. {/block:Posts}
  1352.  
  1353.  
  1354. </body>
  1355.  
  1356. <!-- SCRIPTS -->
  1357.  
  1358. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1359. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1360.  
  1361. <script>
  1362. (function($){
  1363. $(document).ready(function(){
  1364. $("[title]").style_my_tooltips({
  1365. tip_follows_cursor:true,
  1366. tip_delay_time:90,
  1367. tip_fade_speed:600,
  1368. attribute:"title"});
  1369. });})(jQuery);
  1370. </script>
  1371.  
  1372. </div>
  1373. </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!