Advertisement
Sparky727

Untitled

Jan 18th, 2018
106
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.45 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  5.  
  6. <link href="https://fonts.googleapis.com/css?family=Sedgwick+Ave" rel="stylesheet">
  7.  
  8.  
  9. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  10. <script type="text/javascript">
  11. $(document).ready(function(){
  12. $(".links_body").hide();
  13. $(".links_head").click(function(){
  14. $(this).next(".links_body").slideToggle('fast');
  15. }); }); </script>
  16. <style type=“text/css”>
  17. .links_list { margin:0px; padding:0px; width:100%;}
  18. .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  19. .links_body { padding:10px; text-align:left; display:none;}
  20. </style>
  21.  
  22. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  23.  
  24. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  25.  
  26.  
  27. <script>
  28.  
  29. (function($){
  30.  
  31. $(document).ready(function(){
  32.  
  33. $("a[title]").style_my_tooltips({
  34.  
  35. tip_follows_cursor:true,
  36.  
  37. tip_delay_time:90,
  38.  
  39. tip_fade_speed:600,
  40.  
  41. attribute:"title"
  42.  
  43. });
  44.  
  45. });
  46.  
  47. })(jQuery);
  48.  
  49. </script>
  50.  
  51.  
  52. <title>{Title}</title>
  53. <link rel="shortcut icon" href="{Favicon}">
  54. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  55. {block:Description}
  56. <meta name="description" content="{MetaDescription}" />
  57. {/block:Description}
  58.  
  59. <style>
  60. @font-face { font-family:'angel';
  61. src:url('https://static.tumblr.com/jwejrzv/brBp1vng0/honeyscript-light.ttf')
  62. format('truetype');
  63. font-weight:normal;
  64. font-style:normal;
  65. }
  66.  
  67. @font-face { font-family:'ale';
  68. src:url('https://static.tumblr.com/jwejrzv/Nf7p1vn99/alegresans-regular.ttf')
  69. format('truetype');
  70. font-weight:normal;
  71. font-style:normal;
  72. }
  73.  
  74. @font-face { font-family:'lust';
  75. src:url('https://static.tumblr.com/jwejrzv/1cNp1vo0j/lovely_home.ttf')
  76. format('truetype');
  77. font-weight:normal;
  78. font-style:normal;
  79. }
  80.  
  81. @font-face { font-family:'mermaid';
  82. src:url('https://static.tumblr.com/jwejrzv/vJtp1vnc0/winterthurcondensed.ttf')
  83. format('truetype');
  84. font-weight:normal;
  85. font-style:normal;
  86. }
  87.  
  88. @font-face { font-family:'code';
  89. src:url('https://static.tumblr.com/jwejrzv/25mp1vo6j/code_light.otf')
  90. format('truetype');
  91. font-weight:normal;
  92. font-style:normal;
  93. }
  94. </style>
  95.  
  96. <script type="text/javascript"
  97. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  98. <script>
  99. $(document).ready(function() {
  100. //
  101. $('a.poplight[href^=#]').click(function() {
  102. var popID = $(this).attr('rel'); //Get Popup Name
  103. var popURL = $(this).attr('href'); //Get Popup href to define size
  104. var query= popURL.split('?');
  105. var dim= query[1].split('&');
  106. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  107. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  108. var popMargTop = ($('#' + popID).height() + 80) / 2;
  109. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  110. //Apply Margin to Popup
  111. $('#' + popID).css({
  112. 'margin-top' : -popMargTop,
  113. 'margin-left' : -popMargLeft
  114. });
  115. $('body').append('<div id="fade"></div>');
  116. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  117. return false;
  118. });
  119. $('a.close, #fade').live('click', function() {
  120. $('#fade , .popup_block').fadeOut(function() {
  121. $('#fade, a.close').remove(); //fade them both out
  122. });
  123. return false;
  124. });
  125. });
  126. </script>
  127.  
  128.  
  129.  
  130.  
  131.  
  132.  
  133.  
  134. <style type="text/css">
  135.  
  136. ::-webkit-scrollbar {
  137. width: 2px;
  138. height: 2px;
  139. }
  140. ::-webkit-scrollbar-button {
  141. width: 0px;
  142. height: 0px;
  143. }
  144. ::-webkit-scrollbar-thumb {
  145. background: #e1e1e1;
  146. border: 0px none #ffffff;
  147. border-radius: 0px;
  148. }
  149. ::-webkit-scrollbar-thumb:hover {
  150. background: #ffffff;
  151. }
  152. ::-webkit-scrollbar-thumb:active {
  153. background: #000000;
  154. }
  155. ::-webkit-scrollbar-track {
  156. background: #666666;
  157. border: 0px none #ffffff;
  158. border-radius: 2px;
  159. }
  160. ::-webkit-scrollbar-track:hover {
  161. background: #666666;
  162. }
  163. ::-webkit-scrollbar-track:active {
  164. background: #333333;
  165. }
  166. ::-webkit-scrollbar-corner {
  167. background: transparent;
  168. }
  169.  
  170. iframe#tumblr_controls {
  171. top: 0% !important;
  172. right:0% !important;
  173. opacity:0.3;
  174. position: fixed !important;
  175. filter:alpha(opacity=30);
  176. -webkit-transition: all 0.7s ease;
  177. -moz-transition: all 0.7s ease;
  178. -o-transition: all 0.7s ease;
  179. }
  180. iframe#tumblr_controls:hover{
  181. top: 0% !important;
  182. right:0% !important;
  183. opacity:0.8;
  184. position: fixed !important;
  185. filter:alpha(opacity=80);
  186. -webkit-transition: all 0.7s ease;
  187. -moz-transition: all 0.7s ease;
  188. -o-transition: all 0.7s ease;
  189. }
  190.  
  191. .popup_block{
  192. display:none;
  193. background:#000000;
  194. background-position: bottom right;
  195. background-repeat:no-repeat;
  196. background-attachment:fixed;
  197. padding:20px;
  198. overflow-y:scroll;
  199. overflow-x:hidden;
  200. border:1px solid #eee; /* if you want a solid white pop-up, delete this */
  201.  
  202. position:fixed;
  203. top:400px;
  204. left:580px;
  205. max-height:370px;
  206. height:370px;
  207. z-index: 99999;
  208. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  209. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  210. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  211. }
  212.  
  213.  
  214. *html #fade {position: absolute;}
  215. *html .popup_block {position: absolute;}
  216. #fade {
  217. display:none;
  218. position:fixed;
  219. left:0px;
  220. top:0px;
  221. width:100%;
  222. height:100%;
  223. z-index:9999;
  224. background:#C63030; opacity: 40%;/* change to #fff for solid white */
  225. opacity:0.5; /* change to opacity:1; */
  226. }
  227.  
  228.  
  229. body {
  230. background-color:#000000;
  231. font-family:'mermaid', sans-serif;
  232. font-size: 13px;
  233. color:#A4A4A4;
  234. background-image:url('https://static.tumblr.com/jwejrzv/mGep2lnw1/backkk.png');
  235. background-position: bottom right;
  236. background-repeat:no-repeat;
  237. background-attachment:fixed;
  238. }
  239.  
  240. a {
  241. text-decoration:none;
  242. color:#A20A0A;
  243. -webkit-transition: all 0.7s ease;
  244. -moz-transition: all 0.7s ease;
  245. -o-transition: all 0.7s ease;
  246. }
  247.  
  248. a:hover {
  249. color:#8B6969;
  250. }
  251.  
  252. b, strong {
  253. color:#878787;
  254. text-transform:uppercase;
  255. font-family: 'ale', cursive;
  256. font-size:20px;
  257. }
  258.  
  259. i, em {
  260. color:#878787;
  261. font-family:'angel', cursive;
  262. font-size:20px;
  263. }
  264.  
  265. blockquote {
  266. padding:2px 7px;
  267. margin:3px 0 3px 8px;
  268. border-left:1px solid #ffffff;
  269. }
  270.  
  271. blockquote img {
  272. max-width:100%;
  273. height:auto;
  274. }
  275.  
  276. img {
  277. max-width: 100%;
  278. }
  279.  
  280. h1 {
  281. font-size:30px;
  282. line-height:30px;
  283. text-align:right;
  284. padding:10px;
  285. font-family: 'lust', cursive;
  286. color:#A4A4A4;
  287. }
  288.  
  289. f1
  290. {
  291. font-family:'mermaid', sans-serif;
  292. color:#C63030;
  293. }
  294.  
  295. f2
  296. {
  297. border:3px solid #C63030;
  298. padding-right:50px;
  299. padding-top:7px;
  300. padding-bottom:7px;
  301. padding-left:80px;
  302. }
  303.  
  304. .fancytitle {
  305. font-size:15px;
  306. font-family: 'Sedgwick Ave', cursive;
  307. color:#9A0707;
  308. padding:8px;
  309. border:2px solid #ffffff;
  310. text-align:center;
  311. margin-bottom:5px;
  312. BACKGROUND-IMAGE:URL('https://static.tumblr.com/jwejrzv/dUPp1tyhd/blood.png');
  313. BACKGROUND-REPEAT:NO-REPEAT;
  314. BACKGROUND-POSITION: TOP CENTER;}
  315.  
  316. .fancytitle2 {
  317. font-size:15px;
  318. font-family: 'Sedgwick Ave', cursive;
  319. color:#000000;
  320. padding:8px;
  321. border:2px solid #000000;
  322. text-align:center;
  323. margin-bottom:5px;
  324. BACKGROUND-IMAGE:URL('');
  325. BACKGROUND-REPEAT:NO-REPEAT;
  326. BACKGROUND-POSITION: TOP CENTER;}
  327.  
  328.  
  329.  
  330. #container {
  331. position:absolute;
  332. left:700px;
  333. height:550px;
  334. overflow-y:scroll;
  335. width:370px;
  336. top:100px;
  337. background-image:url('https://static.tumblr.com/jwejrzv/OYup2r63r/backkkk.png') ;
  338. background-position: bottom right;
  339. background-repeat:no-repeat;
  340. background-attachment:fixed;
  341. border: 5px solid #ffffff;
  342. }
  343. {block: HasTags}
  344. .posts {
  345. width:340px;
  346. background:#000000;
  347. border: 3px solid #ffffff;
  348. padding:10px;
  349. margin-bottom:30px;
  350. }
  351. {/block: HasTags}
  352. .permalinks {
  353.  
  354. padding:5px;
  355. height:12px;
  356. }
  357.  
  358. .permalinks a {
  359. text-decoration:none;
  360. font-size: 9px;
  361. color:#ffffff;
  362. }
  363.  
  364. .permalinks a:hover {
  365. color:#636363;
  366. }
  367.  
  368. .date {
  369. float:left;
  370. }
  371.  
  372. .reblogs {
  373. float:right;
  374. }
  375.  
  376. .tags {
  377. text-align:center;
  378. display:inline;
  379. padding:10px;
  380.  
  381.  
  382. }
  383.  
  384. .tags a {
  385. text-decoration:none;
  386. font-family:'code', cursive;
  387. font-size:8px;
  388. color:#fff;
  389. text-transform:
  390. color:#ffffff;
  391. }
  392.  
  393. .tags a:hover {
  394. colour:#D50808
  395. }
  396.  
  397. .comma:last-child {
  398. display:none;
  399. }
  400. #tagdesign {
  401. font-family:'code', cursive;
  402. color:#fff;
  403. margin-top:0px;
  404. padding-top:10px;
  405. padding-right:10px;
  406.  
  407.  
  408. }
  409.  
  410. #tagdesign a {
  411. color: #ffffff;
  412. -webkit-transition: all 0.7s ease;
  413. -moz-transition: all 0.7s ease;
  414. -o-transition: all 0.7s ease;
  415. }
  416.  
  417. #tagdesign a:hover {
  418. color:#FFFFFF;
  419. }
  420.  
  421. #icons {
  422. color:#ffffff;
  423. margin-left:30px;
  424. }
  425.  
  426. #icons a {
  427. color:#ffffff;
  428. margin-left:30px;
  429. }
  430.  
  431. #icons a:hover {
  432. color:#ffc000;
  433. }
  434.  
  435. #hoverbox {
  436. position:fixed;
  437. top:278px;
  438. margin-left:380px;
  439.  
  440. }
  441.  
  442. #hovercontent {
  443. margin-top:10px;
  444. width:150px;
  445. color:#fff;
  446. opacity: 0;
  447. border: 5px solid #fff;
  448. -WEBKIT-TRANSITION: ALL 0.7S EASE;
  449. -MOZ-TRANSITION: ALL 0.7S EASE;
  450. -O-TRANSITION: ALL 0.7S EASE;
  451. }
  452.  
  453. #hoverbox:hover #hovercontent {
  454. opacity:1;
  455. -webkit-transition: all 0.7s ease;
  456. -moz-transition: all 0.7s ease;
  457. -o-transition: all 0.7s ease;
  458. }
  459.  
  460.  
  461.  
  462. #hovertitle {
  463. font-size: 50px;
  464. line-height: 35px;
  465. letter-spacing:2px;
  466. font-weight:medium;
  467. width: 300px;
  468. color:#DA9C21;
  469.  
  470.  
  471. }
  472.  
  473. #sidebar {
  474. position:fixed;
  475. left:300px;
  476. top:150px;
  477. height:120px;
  478. width:375px;
  479. text-align:center;
  480. overflow-y:scroll;
  481. border: 3px solid #ffffff;
  482. background-image:url:('');
  483. background-position: bottom left;
  484. background-repeat:repeat;
  485. background-attachment:fixed;
  486. background-image:url('https://static.tumblr.com/jwejrzv/s8lp2lo6x/sidebar_back.png');
  487. background-color:;
  488. opacity:0.4;
  489. -webkit-transition: all 0.7s ease;
  490. -moz-transition: all 0.7s ease;
  491. -o-transition: all 0.7s ease;
  492.  
  493.  
  494. }
  495.  
  496. #sidebar2 {
  497. position:fixed;
  498. left:876px;
  499. top:350px;
  500. height:240px;
  501. width:200px;
  502. overflow-y:scroll;
  503. border: 3px solid #000000;
  504. background:transparent;
  505. background-position: bottom left;
  506. background-repeat:repeat;
  507. background-attachment:fixed;
  508. background-image:url('https://static.tumblr.com/jwejrzv/s8lp2lo6x/sidebar_back.png');
  509. background-color:;
  510. opacity:0.4;
  511. -webkit-transition: all 0.7s ease;
  512. -moz-transition: all 0.7s ease;
  513. -o-transition: all 0.7s ease;
  514.  
  515.  
  516. }
  517.  
  518. #sidebar:hover {
  519. opacity:1;
  520. }
  521.  
  522. #sidebar2:hover {
  523. opacity:1;
  524. }
  525.  
  526.  
  527. #imagestyle {
  528. font-size: 10px;
  529. }
  530.  
  531.  
  532.  
  533.  
  534. #description {
  535. font-size:10px;
  536. color:#ffffff;
  537. text-align:right;
  538. padding:10px;
  539. }
  540.  
  541. #sideimage img {
  542. max-width:250px;
  543. margin-left:10px;
  544. }
  545.  
  546. #alinks{
  547. font-size:30px;
  548. padding:10px;
  549.  
  550.  
  551. }
  552.  
  553. #alinks a {
  554. position:absolute;
  555. color:#ffffff;
  556. padding-left:10px;
  557. margin-left:260px;
  558. margin-top: 50px;
  559. -webkit-transition: all 0.7s ease;
  560. -moz-transition: all 0.7s ease;
  561. -o-transition: all 0.7s ease;
  562. }
  563.  
  564. #alinks a:hover {
  565. color:#dddddd;
  566. letter-spacing:1px;
  567.  
  568. text-shadow: #CB0000 0 0 5px;
  569.  
  570. text-decoration:none;
  571. }
  572.  
  573. #blinks {
  574. font-size:12px;
  575. padding:10px;
  576.  
  577. }
  578.  
  579. #blinks a {
  580. position:absolute;
  581. color:#ffffff;
  582. padding-left:10px;
  583. margin-left:190px;
  584. margin-top:220px;
  585. -webkit-transition: all 0.7s ease;
  586. -moz-transition: all 0.7s ease;
  587. -o-transition: all 0.7s ease;
  588.  
  589.  
  590. }
  591.  
  592. #blinks a:hover {
  593. color:#dddddd;
  594. letter-spacing:1px;
  595. -webkit-animation: heartbeat 1.7s infinite ease-in;
  596. animation: heartbeat 1.7s infinite ease-in;
  597. }
  598.  
  599. @-webkit-keyframes heartbeat {
  600. 0% { -webkit-transform: scale(1); }
  601. 10% { -webkit-transform: scale(1.1); }
  602. 20% { -webkit-transform: scale(1); }
  603. 30% { -webkit-transform: scale(1.1); }
  604. 40% { -webkit-transform: scale(1); }
  605. }
  606.  
  607. @-webkit-keyframes heartbeat-x {
  608. 0% { -webkit-transform: scaleX(0); }
  609. 10% { -webkit-transform: scaleX(1); }
  610. 20% { -webkit-transform: scaleX(0); }
  611. 30% { -webkit-transform: scaleX(1); }
  612. 40% { -webkit-transform: scaleX(0); }
  613. }
  614.  
  615. @keyframes heartbeat {
  616. 0% { transform: scale(1); }
  617. 10% { transform: scale(1.1); }
  618. 20% { transform: scale(1); }
  619. 30% { transform: scale(1.1); }
  620. 40% { transform: scale(1); }
  621. }
  622.  
  623. @keyframes heartbeat-x {
  624. 0% { transform: scaleX(0); }
  625. 10% { transform: scaleX(1); }
  626. 20% { transform: scaleX(0); }
  627. 30% { transform: scaleX(1); }
  628. 40% { transform: scaleX(0); }
  629. }
  630.  
  631.  
  632.  
  633. #clinks {
  634. font-size:12px;
  635. padding:10px;
  636.  
  637. }
  638.  
  639. #clinks a {
  640. position:absolute;
  641. color:#ffffff;
  642. padding-left:10px;
  643. margin-left:120px;
  644. margin-top:320px;
  645. -webkit-transition: all 0.7s ease;
  646. -moz-transition: all 0.7s ease;
  647. -o-transition: all 0.7s ease;
  648. -moz-transform: rotate(-15deg);
  649. -webkit-transform: rotate(-15deg);
  650. -o-transform: rotate(-15deg);
  651. -ms-transform: rotate(-15deg);
  652. transform: rotate(-15deg);
  653. }
  654.  
  655. #clinks a:hover {
  656. color:#dddddd;
  657. letter-spacing:1px;
  658. -webkit-animation: spin 3s linear 0s infinite normal;
  659. -moz-animation: spin 3s linear 0s infinite normal;
  660. -ms-animation: spin 3s linear 0s infinite normal;
  661. -o-animation: spin 3s linear 0s infinite normal;
  662. animation: spin 3s linear 0s infinite normal;
  663.  
  664. }
  665.  
  666. @keyframes spin {
  667. 0% { transform: rotate(360deg); }
  668. 100% { transform: rotate(0deg); }
  669. }
  670. @-webkit-keyframes spin {
  671. 0% {-webkit-transform: rotate(360deg); }
  672. 100% { -webkit-transform: rotate(0deg); }
  673. }
  674. @-ms-keyframes spin {
  675. 0% {-ms-transform: rotate(360deg); }
  676. 100% { -ms-transform: rotate(0deg); }
  677. }
  678. @-moz-keyframes spin {
  679. 0% { -moz-transform: rotate(360deg); }
  680. 100% { -moz-transform: rotate(0deg); }
  681. }
  682. @-o-keyframes spin {
  683. 0% { -o-transform: rotate(360deg); }
  684. 100% { -o-transform: rotate(0deg); }
  685. }
  686.  
  687.  
  688. }
  689.  
  690. #dlinks {
  691. font-size:12px;
  692. padding:10px;
  693.  
  694. }
  695.  
  696. #dlinks a {
  697.  
  698. position:inline-block;
  699. color:#ffffff;
  700. margin-top: 10px;
  701. -webkit-transition: all 0.7s ease;
  702. -moz-transition: all 0.7s ease;
  703. -o-transition: all 0.7s ease;
  704. }
  705.  
  706. #dlinks a:hover {
  707. color:#dddddd;
  708. letter-spacing:1px;
  709. }
  710.  
  711. #elinks {
  712. font-size:12px;
  713. padding:10px;
  714.  
  715.  
  716. }
  717.  
  718. #elinks a {
  719.  
  720. position:inline-block;
  721. color:#ffffff;
  722. margin-top: 50px;
  723. -webkit-transition: all 0.7s ease;
  724. -moz-transition: all 0.7s ease;
  725. -o-transition: all 0.7s ease;
  726. }
  727.  
  728. #elinks a:hover {
  729. color:#dddddd;
  730. letter-spacing:1px;
  731. }
  732.  
  733. #glinks {
  734. font-size:12px;
  735. padding:10px;
  736.  
  737. }
  738.  
  739. #glinks a {
  740.  
  741. position:inline-block;
  742. color:#ffffff;
  743. margin-top:150px;;
  744. -webkit-transition: all 0.7s ease;
  745. -moz-transition: all 0.7s ease;
  746. -o-transition: all 0.7s ease;
  747. }
  748.  
  749. #glinks a:hover {
  750. color:#dddddd;
  751. letter-spacing:1px;
  752. }
  753.  
  754. #flinks {
  755. font-size:12px;
  756. padding:10px;
  757.  
  758. }
  759.  
  760. #flinks a {
  761.  
  762. position:inline-block;
  763. color:#ffffff;
  764. margin-top: 150px;
  765. -webkit-transition: all 0.7s ease;
  766. -moz-transition: all 0.7s ease;
  767. -o-transition: all 0.7s ease;
  768. }
  769.  
  770. #flinks a:hover {
  771. color:#dddddd;
  772. letter-spacing:1px;
  773. }
  774.  
  775. #pagination {
  776. position:fixed;
  777. bottom:30px;
  778. left:850px;
  779. }
  780.  
  781. #pagination a {
  782. color:##ffffff;
  783. font-size:20px;
  784. -webkit-transition: all 0.7s ease;
  785. -moz-transition: all 0.7s ease;
  786. -o-transition: all 0.7s ease;
  787. }
  788.  
  789. #pagination a:hover {
  790. color:#ffffff;
  791. }
  792.  
  793. .links_list {
  794. margin: 0px;
  795. padding: 0.5px;
  796. width: 250px;
  797. margin-top: 1px;
  798. margin-left: 8px;
  799.  
  800. }
  801.  
  802. .links_head {
  803. padding-top: 7px;
  804. padding-bottom: 7px;
  805. padding-right:7px;
  806. cursor: pointer;
  807. position: relative;
  808. margin: 1px;
  809. text-align: right;
  810. border="3px solid #C63030;
  811. font-size:15px;
  812. letter-spacing:2px;
  813. background-color: #000;
  814. background-image:url('IF YOU WANT A BG IMAGE, IT GOES RIGHT HERE');
  815.  
  816. }
  817.  
  818. .links_body {
  819. height: 150px;
  820. overflow: hidden;
  821. padding: 10px;
  822. display: none;
  823. background: #000;
  824. font-size: 10px;
  825. text-align: justify;
  826. letter-spacing: 1px;
  827. font-family: calibri;
  828. color: #818181;
  829. line-height: 100%;
  830. text-transform: lowercase;
  831. text-align:center;
  832. border:3px solid #C63030;
  833. }
  834.  
  835. .iconleft {
  836. width:50px;
  837. display: inline-block;
  838. float: left;
  839. margin: 10px 0px 0px 0px;
  840. }
  841.  
  842. .iconleft img {
  843. width: 50px;
  844. }
  845.  
  846. .button {
  847. DISPLAY:INLINE-BLOCK;
  848. TEXT-ALIGN: center;
  849. WIDTH:90px;
  850. MARGIN:10px;
  851. PADDING:10px;
  852. BACKGROUND-COLOR:#000000;
  853. COLOR:#C63030;
  854. BORDER: 3px solid #C63030;
  855. FONT-FAMILY:VERDANA;
  856. }
  857.  
  858. .button:hover {
  859. color: #00000;
  860. letter-spacing:1px;
  861.  
  862. text-shadow: #000000 0 0 5px;
  863.  
  864. }
  865.  
  866. .asker {
  867. font-size:15px;
  868. font-style: italic;
  869. text-align: center;
  870. color:#8D0909;
  871. text-transform:uppercase;
  872. margin-bottom:5px;
  873. padding-bottom:3px;
  874.  
  875. font-family:'ale', cursive;
  876. }
  877.  
  878. .question {
  879. font-style: italic;
  880. padding-left:50px;
  881. padding-right:50px;
  882. padding-top: 20px;
  883. padding-bottom:20px;
  884. border-right:3px solid #ffffff;
  885. border-left:3px solid #ffffff;
  886. border-bottom:3px solid #ffffff;
  887. border-top:3px solid #ffffff;
  888. font-family:'code', cursive;
  889. }
  890.  
  891. .quote {
  892. font-size:13px;
  893. letter-spacing:1px;
  894. text-align:center;
  895. border-bottom:1px solid #eee;
  896. margin-bottom:5px;
  897. padding-bottom:3px;
  898. }
  899.  
  900. .quotesource {
  901. font-size:10px;
  902. letter-spacing:1px;
  903. text-align:center;
  904. margin-bottom:5px;
  905. }
  906.  
  907. #credit {
  908. z-index:8;
  909. bottom:15px;
  910. right:20px;
  911. left:1232px;
  912. width:50px;
  913. opacity:0.3;
  914. font-family:'lemon', cursive;
  915. font-size:12px;
  916. position:fixed;
  917. padding:3px;
  918. }
  919. #credit a {
  920. color:#930505;
  921. -webkit-transition: all 0.7s ease;
  922. -moz-transition: all 0.7s ease;
  923. -o-transition: all 0.7s ease;
  924. text-shadow: 0 0 3px #F0DADA;
  925. opacity:0.7;
  926. }
  927.  
  928.  
  929. #credit: a:hover {
  930. color:#930505;
  931. font-size:15px;
  932. opacity: 0.9;
  933.  
  934. }
  935.  
  936. #s-m-t-tooltip {
  937. z-index:9999;
  938. background:#000000;
  939. font-size:9px;
  940. line-height:11px;
  941. font-family:'Sedgwick Ave', cursive;
  942. font-style:oblique;
  943. border:3px solid #CB0000;
  944. text-transform:lowercase;
  945. color:#CB0000;
  946. max-width:150px;
  947. word-warp: break-word;
  948. padding: 5px 10px 5px 10px;
  949. display:block;
  950. margin: 24px 14px 7px 12px;
  951. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  952. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  953. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  954.  
  955. }
  956.  
  957. </style>
  958.  
  959. <link href="s-m-t-tooltip" rel="stylesheet" type="text/css"/>
  960. <body>
  961.  
  962.  
  963.  
  964.  
  965.  
  966. <div id="sidebar">
  967.  
  968. <div class="fancytitle"></div>
  969. <f1>This is where</f1>
  970. <div class="fancytitle"></div>
  971. <f1>You can put</f1>
  972. <div class="fancytitle"></div>
  973. <f1>Some stuff</f1>
  974.  
  975. <h1>{Title}</h1>
  976.  
  977.  
  978. </div>
  979.  
  980.  
  981. <div id="alinks"><a href="/" title="home"><h1>Put Your Title Here</h1></a> </div>
  982. <div id="blinks"><a href="#?w=300" rel="ask" class="poplight" title="ask"><img src="https://static.tumblr.com/jwejrzv/eEQp2lio1/stars.png" width="150px" height="170px"></a></div>
  983.  
  984. <div id="clinks"><a href="#?w=300" rel="box3" class="poplight" title="begin"><img src="https://static.tumblr.com/jwejrzv/yp2p2lik6/gun.png" width="120px" height="100px"></a></div>
  985.  
  986.  
  987.  
  988.  
  989.  
  990. <div id="pagination">{block:Pagination}
  991. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>
  992. {/block:NextPage}
  993. {/block:Pagination}</div>
  994.  
  995. <div id="container">
  996.  
  997. {block:Posts}
  998.  
  999. <div class="posts">
  1000.  
  1001. {block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
  1002.  
  1003. {block:Photo}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1004.  
  1005. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1006.  
  1007. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1008.  
  1009. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  1010.  
  1011. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  1012.  
  1013. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  1014. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  1015.  
  1016. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1017.  
  1018. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1019.  
  1020. {block:Answer}
  1021. <div class="asker"><DIV ID="ASKHEADER"><IMG SRC="https://static.tumblr.com/jwejrzv/gaip2ljf7/gun2.png" DRAGGABLE="FALSE" width="70px" height="70px"></DIV>{Asker} <span style= font-size="13px"; color="#A4A4A4"; margin="center"> whispered</div>
  1022. <div class="question" >{Question}</div>
  1023.  
  1024. {Answer}
  1025. {/block:Answer}
  1026.  
  1027. <div class="permalinks">
  1028. <div class="date"><a href="{Permalink}" title="{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year}" STYLE="
  1029. POSITION:ABSOLUTE;
  1030. MARGIN-LEFT:15PX;
  1031. MARGIN-TOP:0PX;
  1032. font-size: 17px;
  1033. -WEBKIT-TRANSFORM: ROTATE(-20DEG);
  1034. -MS-TRANSFORM: ROTATE(-20DEG);
  1035. TRANSFORM: ROTATE(-20DEG);">✭ </a><a href="{Permalink}" title="{block:NoteCount}{NoteCount}{/block:NoteCount}" STYLE="
  1036. POSITION:ABSOLUTE;
  1037. MARGIN-LEFT:15PX;
  1038. MARGIN-TOP:0PX;
  1039. font-size: 17px;
  1040. -WEBKIT-TRANSFORM: ROTATE(-20DEG);
  1041. -MS-TRANSFORM: ROTATE(-20DEG);
  1042. TRANSFORM: ROTATE(-20DEG);">✭</a></div>
  1043. <div class="reblogs">{block:RebloggedFrom}
  1044. <a href="{ReblogParentURL}" title="via">✭</a>
  1045. <a href="{ReblogRootURL}" title="source">✭</a>
  1046. {/block:RebloggedFrom} <a href="{ReblogURL}" title="reblog">✭</a></div>
  1047. </div>
  1048.  
  1049.  
  1050.  
  1051.  
  1052. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}" title="{Tag}"><i class="fa fa-star-o fa-lg"></i>{Tag}</a></a>{/block:Tags}{/block:HasTags}</div>
  1053.  
  1054. </div>
  1055.  
  1056. {/block:Posts}
  1057.  
  1058. </div>
  1059.  
  1060. {block:ContentSource}
  1061. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1062. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1063. {/block:SourceLogo}
  1064. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1065. {/block:ContentSource}
  1066.  
  1067. <div id="credit"><a href="http://ludicrousspeed.tumblr.com" title="Theme by ludicrousspeed"><i class="fa fa-bolt fa-3x"></i></a></div>
  1068.  
  1069. </body>
  1070.  
  1071. <div id="ask" class="popup_block">
  1072. <DIV STYLE="WIDTH:AUTO;HEIGHT:550PX;OVERFLOW:SCROLL;PADDING:5PX;">
  1073. <iframe frameborder="0" height="120" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  1074. </div>
  1075. </div>
  1076.  
  1077. </div></div></div></div></div></div></div></div></div></div>
  1078. <div id="box3" class="popup_block">
  1079.  
  1080. <DIV STYLE="WIDTH:AUTO;HEIGHT:550PX;OVERFLOW:SCROLL;PADDING:5PX;">
  1081.  
  1082. <div id="sidebar2"><DIV STYLE="WIDTH:AUTO;HEIGHT:550PX;OVERFLOW:SCROLL;PADDING:5PX;"><div id="flinks"><a href="#?w=300" rel="box3" class="poplight" ><div class="fancytitle2" padding="10px">Rules</div></a></div><div id="dlinks"><a href="#?w=300" rel="box4" class="poplight" ><div class="fancytitle2" padding="10px">Biography</div></a></div>
  1083. <div id="elinks"><a href="#?w=300" rel="box5" class="poplight" ><div class="fancytitle2" padding="10px">Navigation</div></a></div>
  1084. <div id="glinks"><a href="#?w=300" rel="box6" class="poplight" ><div class="fancytitle2" padding="10px">Verses</div></a></div></div></div>
  1085.  
  1086. <h1>rules</h1>
  1087.  
  1088. <div class="fancytitle"></div>
  1089. <p>
  1090. Here is where
  1091. <br><br>
  1092. <div class="fancytitle"></div>
  1093. <p>
  1094. you can put some rules
  1095. <br><br>
  1096. <div class="fancytitle"></div>
  1097.  
  1098.  
  1099. </div></div>
  1100.  
  1101. </div></div></div></div></div></div></div></div></div></div>
  1102.  
  1103.  
  1104.  
  1105. <div id="box4" class="popup_block">
  1106. <DIV STYLE="WIDTH:AUTO;HEIGHT:550PX;OVERFLOW:SCROLL;PADDING:5PX;">
  1107. <h1>Bio! </h1>
  1108.  
  1109. <div class="fancytitle">Basic Info</div>
  1110. <p>
  1111. <b><u>Name:</u></b>
  1112. <br><br>
  1113. <div class="fancytitle">History</div>
  1114. <p>
  1115. Say some stuff about your character!
  1116. <br><br>
  1117. <div class="fancytitle"></div>
  1118.  
  1119. </div></div>
  1120.  
  1121. </div></div></div></div></div></div></div></div></div></div>
  1122.  
  1123. <div id="box5" class="popup_block">
  1124. <DIV STYLE="WIDTH:AUTO;HEIGHT:550PX;OVERFLOW:SCROLL;PADDING:5PX;">
  1125. <div class="fancytitle">Out of Character</div>
  1126. <A HREF="URL FOR THE LINK" CLASS="BUTTON">TITLE</A>
  1127. <A HREF="URL FOR THE LINK" CLASS="BUTTON">TITLE</A>
  1128. <A HREF="URL FOR THE LINK" CLASS="BUTTON">TITLE</A>
  1129. <A HREF="URL FOR THE LINK" CLASS="BUTTON">TITLE</A>
  1130. <A HREF="URL FOR THE LINK" CLASS="BUTTON">TITLE</A>
  1131.  
  1132. <br><br>
  1133. <div class="fancytitle">In Character</div>
  1134. <A HREF="URL FOR THE LINK" CLASS="BUTTON">TITLE</A>
  1135. <A HREF="URL FOR THE LINK" CLASS="BUTTON">TITLE</A>
  1136. <A HREF="URL FOR THE LINK" CLASS="BUTTON">TITLE</A>
  1137. <A HREF="URL FOR THE LINK" CLASS="BUTTON">TITLE</A>
  1138. <A HREF="URL FOR THE LINK" CLASS="BUTTON">TITLE</A>
  1139.  
  1140. <br><br>
  1141. <div class="fancytitle">Other</div>
  1142. <A HREF="{BlogURL}submit" CLASS="BUTTON">SUBMIT</A>
  1143. <A HREF="{BlogURL}archive" CLASS="BUTTON">ARCHIVE</A>
  1144. <A HREF="URL FOR THE LINK" CLASS="BUTTON">TITLE</A>
  1145. <A HREF="URL FOR THE LINK" CLASS="BUTTON">TITLE</A>
  1146. <A HREF="URL FOR THE LINK" CLASS="BUTTON">TITLE</A>
  1147.  
  1148.  
  1149.  
  1150. </div></div>
  1151.  
  1152. </div></div></div></div></div></div></div></div></div></div>
  1153.  
  1154. <div id="box6" class="popup_block">
  1155. <DIV STYLE="WIDTH:AUTO;HEIGHT:550PX;OVERFLOW:SCROLL;PADDING:2PX;">
  1156. <div class="fancytitle">Main Verses</div>
  1157. <br>
  1158. <div class="links_list">
  1159. <img src="https://static.tumblr.com/jwejrzv/qf5p2r5pz/verse_name_thing.png" width="200px" height="100px" text-align="left" ><p class="links_head" ><b>_____________________________</b></p>
  1160. <div class="links_body">
  1161. <DIV STYLE="WIDTH:AUTO;HEIGHT:550PX;OVERFLOW:SCROLL;PADDING:5PX;">
  1162. <center>
  1163. Here is some stuff about verses.
  1164. </center>
  1165. </div>
  1166. </div></div>
  1167. <br><br>
  1168. <div class="links_list">
  1169. <img src="https://static.tumblr.com/jwejrzv/qf5p2r5pz/verse_name_thing.png" width="200px" height="100px" text-align="left" ><p class="links_head" ><b>_____________________________</b></p>
  1170. <div class="links_body">
  1171. <DIV STYLE="WIDTH:AUTO;HEIGHT:550PX;OVERFLOW:SCROLL;PADDING:5PX;">
  1172. <center>
  1173. Some more stuff.
  1174. </center>
  1175. </div></div></div>
  1176. <br><br>
  1177. <div class="links_list">
  1178. <img src="https://static.tumblr.com/jwejrzv/qf5p2r5pz/verse_name_thing.png" width="200px" height="100px" text-align="left" ><p class="links_head" ><b>_____________________________</b></p>
  1179. <div class="links_body">
  1180. <DIV STYLE="WIDTH:AUTO;HEIGHT:550PX;OVERFLOW:SCROLL;PADDING:5PX;">
  1181. <center>
  1182. More more stuff.
  1183. </center>
  1184. </div></div> </div>
  1185. <br>
  1186.  
  1187.  
  1188. <div class="fancytitle">Alternate Verses</div>
  1189. <br>
  1190. <div class="links_list">
  1191. <img src="https://static.tumblr.com/jwejrzv/qf5p2r5pz/verse_name_thing.png" width="200px" height="100px" text-align="left"><p class="links_head"><b>_____________________________</b></p>
  1192. <div class="links_body">
  1193. <DIV STYLE="WIDTH:AUTO;HEIGHT:550PX;OVERFLOW:SCROLL;PADDING:5PX;">
  1194. <center>
  1195. Here is some stuff about verses.
  1196. </center>
  1197. </div>
  1198. </div></div>
  1199. <br><br>
  1200. <div class="links_list">
  1201. <img src="https://static.tumblr.com/jwejrzv/qf5p2r5pz/verse_name_thing.png" width="200px" height="100px" text-align="left" ><p class="links_head"><b>_____________________________</b></p>
  1202. <div class="links_body">
  1203. <DIV STYLE="WIDTH:AUTO;HEIGHT:550PX;OVERFLOW:SCROLL;PADDING:5PX;">
  1204. <center>
  1205. Some more stuff.
  1206. </center>
  1207. </div></div></div>
  1208. <br><br>
  1209. <div class="links_list">
  1210. <img src="https://static.tumblr.com/jwejrzv/qf5p2r5pz/verse_name_thing.png" width="200px" height="100px" text-align="left" ><p class="links_head"><b>_____________________________</b></p>
  1211. <div class="links_body">
  1212. <DIV STYLE="WIDTH:AUTO;HEIGHT:550PX;OVERFLOW:SCROLL;PADDING:5PX;">
  1213. <center>
  1214. More more stuff.
  1215. </center>
  1216. </div></div> </div>
  1217. <br>
  1218.  
  1219. <div class="fancytitle">Crossover Verses</div>
  1220. <br>
  1221. <div class="links_list">
  1222. <img src="https://static.tumblr.com/jwejrzv/qf5p2r5pz/verse_name_thing.png" width="200px" height="100px" text-align="left" ><p class="links_head" border="3px solid #C63030;"><b>_____________________________</b></p>
  1223. <div class="links_body">
  1224. <DIV STYLE="WIDTH:AUTO;HEIGHT:550PX;OVERFLOW:SCROLL;PADDING:5PX;">
  1225. <center>
  1226. Here is some stuff about verses.
  1227. </center>
  1228. </div>
  1229. </div></div>
  1230. <br><br>
  1231. <div class="links_list">
  1232. <img src="https://static.tumblr.com/jwejrzv/qf5p2r5pz/verse_name_thing.png" width="200px" height="100px" text-align="left"><p class="links_head"> <b>_____________________________</b></p>
  1233. <div class="links_body">
  1234. <DIV STYLE="WIDTH:AUTO;HEIGHT:550PX;OVERFLOW:SCROLL;PADDING:5PX;">
  1235. <center>
  1236. Some more stuff.
  1237. </center>
  1238. </div></div></div>
  1239. <br><br>
  1240. <div class="links_list">
  1241. <img src="https://static.tumblr.com/jwejrzv/qf5p2r5pz/verse_name_thing.png" width="200px" height="100px" text-align="left" ><p class="links_head" ><b>_____________________________</b></p>
  1242. <div class="links_body">
  1243. <DIV STYLE="WIDTH:AUTO;HEIGHT:550PX;OVERFLOW:SCROLL;PADDING:5PX;">
  1244. <center>
  1245. More more stuff.
  1246. </center>
  1247. </div></div>
  1248.  
  1249. </div></div></div>
  1250.  
  1251. </div></div></div></div></div></div></div></div></div></div>
  1252.  
  1253.  
  1254.  
  1255.  
  1256.  
  1257. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement