Advertisement
bridgetowakanda

haleofawolf theme

Feb 7th, 2019
152
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.04 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!------------------------------ FONTS ------------------------------>
  4.  
  5. <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
  6. <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family=Contrail+One" rel="stylesheet">
  8. <link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
  9. <link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet">
  10. <link href="https://fonts.googleapis.com/css?family=Marck+Script" rel="stylesheet">
  11. <link href="https://fonts.googleapis.com/css?family=Old+Standard+TT" rel="stylesheet">
  12.  
  13.  
  14.  
  15. <html>
  16. <!--
  17. BASE CODE
  18. http://fratdadbase.tumblr.com/
  19.  
  20. THEME BY ZORRA VIA COMMISSIONSBYZORRA
  21. This code was made for @damagedtm. Don't lift any parts of the code, please.
  22. -->
  23.  
  24.  
  25. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  26. <head>
  27. <title>{Title}</title>
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30. {block:Description}
  31. <meta name="description" content="{MetaDescription}" />
  32. {/block:Description}
  33.  
  34.  
  35. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  36.  
  37. <!------------------------------ SCRIPTS ----------------------------->
  38. <!------------------------------ POPUP ------------------------------>
  39.  
  40.  
  41. <script type="text/javascript"
  42. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  43. <script>
  44. $(document).ready(function() {
  45. //
  46. $('a.poplight[href^=#]').click(function() {
  47. var popID = $(this).attr('rel'); //Get Popup Name
  48. var popURL = $(this).attr('href'); //Get Popup href to define size
  49. var query= popURL.split('?');
  50. var dim= query[1].split('&');
  51. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  52. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">');
  53. var popMargTop = ($('#' + popID).height() + 80) / 2;
  54. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  55. //Apply Margin to Popup
  56. $('#' + popID).css({
  57. 'margin-top' : -popMargTop,
  58. 'margin-left' : -popMargLeft
  59. });
  60. $('body').append('<div id="fade"></div>');
  61. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  62. return false;
  63. });
  64. $('a.close, #fade').live('click', function() {
  65. $('#fade , .popup_block').fadeOut(function() {
  66. $('#fade, a.close').remove(); //fade them both out
  67. });
  68. return false;
  69. });
  70. });
  71. </script>
  72.  
  73.  
  74.  
  75.  
  76. <!----------------------------- TOOLTLIP ----------------------------->
  77.  
  78.  
  79. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  80. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  81. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  82. <script>
  83. (function($){
  84. $(document).ready(function(){
  85. $("[title]").style_my_tooltips({
  86. tip_follows_cursor:true,
  87. tip_delay_time:200,
  88. tip_fade_speed:500
  89. });
  90. });
  91. })(jQuery);
  92. </script>
  93.  
  94.  
  95.  
  96. <!------------------------------ TABS ------------------------------>
  97.  
  98.  
  99. <script>
  100. $(document).ready(function(){
  101. $("ul#tabs li").click(function(e){
  102. if (!$(this).hasClass("active")) {
  103. var tabNum = $(this).index();
  104. var nthChild = tabNum+1;
  105. $("ul#tabs li.active").removeClass("active");
  106. $(this).addClass("active");
  107. $("ul#tab li.active").removeClass("active");
  108. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  109. }
  110. });
  111. });
  112. </script>
  113.  
  114. <!------------------------------ MUSIC ------------------------------>
  115.  
  116.  
  117.  
  118.  
  119. </head>
  120.  
  121. <!---------------------------- META DATA ----------------------------->
  122. <meta name="text:Starters" content="00"/>
  123. <meta name="text:Drafts" content="00"/>
  124. <meta name="text:Memes" content="00"/>
  125.  
  126. <meta name="color:background" content="#010106" />
  127. <meta name="color:italic" content="#a82c18" />
  128. <meta name="color:bold" content="#00939f" />
  129.  
  130. <meta name="image:childhood" content="https://i.imgur.com/NB6ca6S.png" />
  131. <meta name="image:teen" content="https://i.imgur.com/NB6ca6S.png" />
  132. <meta name="image:academy" content="https://i.imgur.com/NB6ca6S.png" />
  133. <meta name="image:captain" content="https://i.imgur.com/NB6ca6S.png" />
  134. <meta name="image:au1" content="https://i.imgur.com/NB6ca6S.png" />
  135. <meta name="image:au2" content="https://i.imgur.com/NB6ca6S.png" />
  136. <meta name="image:au3" content="https://i.imgur.com/NB6ca6S.png" />
  137. <meta name="image:au4" content="https://i.imgur.com/NB6ca6S.png" />
  138.  
  139.  
  140.  
  141. <style type="text/css">
  142.  
  143.  
  144.  
  145.  
  146.  
  147. @font-face​ {
  148. font-family:"big noodle titling";
  149. src:url(https://dl.dropbox.com/s/j5blixn0eu397vv/big_noodle_titling.ttf');
  150. }
  151.  
  152.  
  153. /*---------------------------- SCROLL BAR ---------------------------*/
  154. ::-webkit-scrollbar {
  155. width: 2px;
  156. height: 2px;
  157. }
  158. ::-webkit-scrollbar-button {
  159. width: 0px;
  160. height: 0px;
  161. }
  162. ::-webkit-scrollbar-thumb {
  163. background: transparent;
  164. border: 0px none #a68b7c;
  165. border-radius: 50px;
  166. }
  167. ::-webkit-scrollbar-thumb:hover {
  168. background: transparent;
  169. }
  170. ::-webkit-scrollbar-thumb:active {
  171. background: transparent;
  172. }
  173. ::-webkit-scrollbar-track {
  174. background: transparent;
  175. border: 0px none #a68b7c;
  176. border-radius: 0px;
  177. }
  178. ::-webkit-scrollbar-track:hover {
  179. background:transparent;
  180. }
  181. ::-webkit-scrollbar-track:active {
  182. background: transparent;
  183. }
  184. ::-webkit-scrollbar-corner {
  185. background: transparent;
  186. }
  187.  
  188.  
  189. /*---------------------------- SELECTION ---------------------------*/
  190.  
  191. ::SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  192. ::-MOZ-SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
  193.  
  194.  
  195.  
  196. /*---------------------------- BODY ---------------------------*/
  197.  
  198. body {
  199. background-color:{color:background};
  200. background-image:url('https://i.imgur.com/dGvHLVt.png');
  201. background-repeat: no-repeat;
  202. font-family: 'Old Standard TT', serif;
  203. font-size: 11px;
  204. text-align: justify;
  205. color:#f1f1f1;
  206. }
  207.  
  208.  
  209.  
  210. /*---------------------- QUESTIONS & ANSWERS ------------------------*/
  211.  
  212. #askerurl {
  213. text-transform:uppercase;
  214. font-weight:400;
  215. font-size:13px;
  216. margin-top:150px;
  217. margin-left:50px;
  218. padding-bottom:5px;
  219. width:250px;
  220. font-family: 'Orbitron', sans-serif;
  221. text-align:center;
  222. }
  223.  
  224. #asking img {
  225. padding: 5px;
  226. }
  227.  
  228. #question {
  229. background-attachment:auto;
  230. background-image: url('');
  231. padding: 5px;
  232. margin:3px 0 3px 10px;
  233. border-right:1px solid {color:bold};
  234. border-radius: 5px;
  235. background-color:#181713;
  236. color: #fff;
  237. font-family: 'Open Sans Condensed';
  238. text-shadow: 1px 1px 1px #000;
  239. }
  240.  
  241. #answer {
  242. word-spacing: 5px;
  243. }
  244.  
  245.  
  246.  
  247. /*------------------------ CONTAINER & POSTS ------------------------*/
  248.  
  249. #entries {
  250. background-color:transparent;
  251. border: 0px solid #3b3b3b;
  252. width:250px;
  253. height:400px;
  254. top:185px;
  255. word-spacing: 3px;
  256. padding: 10px;
  257. margin-left: 540px;
  258. position:relative;
  259. overflow-y:scroll;
  260. overflow-x:hidden;
  261. word-break: break-all;
  262. -webkit-mask-image: -webkit-gradient(
  263. linear, center 75%, center bottom,
  264. from(rgba(0,0,0,20)),
  265. to(rgba(20,0,0,0)))
  266.  
  267. }
  268.  
  269.  
  270. #entries img {
  271. height:auto;
  272. max-width:100%;
  273. }
  274.  
  275. #post img {
  276. height: auto;
  277. max-width: 100%;
  278. }
  279.  
  280.  
  281. #posts {
  282. width:250px;
  283. background-color: #222;
  284. padding-bottom:0px;
  285. overflow-y:scroll;
  286. overflow-x:hidden;
  287. }
  288.  
  289.  
  290.  
  291.  
  292.  
  293. /*---------------------------- NAVIGATION ---------------------------*/
  294.  
  295. .base {
  296. top: 525px;
  297. left: 200px;
  298. position: fixed;
  299. font-size: 30px;
  300. }
  301.  
  302. .missionreport {
  303. top: 600px;
  304. left: 475px;
  305. position: fixed;
  306. }
  307.  
  308. .starcharts {
  309. top: 595px;
  310. left: 525px;
  311. position: fixed;
  312. }
  313.  
  314. /*---------------------------- SIDEBOX ---------------------------*/
  315.  
  316. .sidebox {
  317. position: fixed;
  318. background-color: #010106;
  319. padding: 10px;
  320. top: 275px;
  321. left: 150px;
  322. width: 150px;
  323. height: 200px;
  324. overflow: auto;
  325. z-index: 1;
  326. opacity:0;
  327. }
  328.  
  329. .sidebox:hover {
  330. opacity: 1;
  331. -moz-transition-duration:.6s;
  332. -webkit-transition-duration:.6s;
  333. -o-transition-duration:.6s;
  334. }
  335.  
  336. .sideboxtitle {
  337. position: fixed;
  338. color: #fff;
  339. font-family: 'Marck Script', cursive;
  340. font-size: 12px;
  341. text-shadow: 1px 1px 5px #fff;
  342. text-transform: none;
  343. top: 350px;
  344. left: 200px;
  345. }
  346.  
  347. .sideboxtitle:hover {
  348. opacity: 0;
  349. -moz-transition-duration:.6s;
  350. -webkit-transition-duration:.6s;
  351. -o-transition-duration:.6s;
  352. }
  353.  
  354. /*---------------------------- CREDIT ---------------------------*/
  355.  
  356. .credit {
  357. left: 97%;
  358. top: 95%;
  359. width: 50px;
  360. height: 50px;
  361. position: fixed;
  362. }
  363.  
  364. a.credit, a.credit:link, a.credit:active, a.credit:visited{
  365. color: #fff;
  366. font-family: 'Marck Script', cursive;
  367. font-size: 12px;
  368. text-shadow: 1px 1px 15px #ffffff;
  369. text-transform: none;
  370. opacity: .5;
  371. letter-spacing: 0px;
  372.  
  373. }
  374.  
  375. a.credit:hover {
  376. opacity: 0.5;
  377. letter-spacing: 2px;
  378. -moz-transition-duration:.6s;
  379. -webkit-transition-duration:.6s;
  380. -o-transition-duration:.6s;
  381. -webkit-filter: blur(0px);
  382. }
  383.  
  384.  
  385.  
  386. /*---------------------------- FANCY FONT ---------------------------*/
  387.  
  388. h1 {
  389. font-size:30px;
  390. font-family: {select:header font1}
  391. font-weight:400;
  392. color:#cb857d;
  393. border-bottom: 1px solid #cb857d;
  394. text-shadow: 1px 1px 1px #b2736c;
  395. display:block;
  396. margin-top: 20px;
  397. text-align:right;
  398. text-transform:uppercase;
  399. padding:10px;
  400. letter-spacing:3px;
  401.  
  402. }
  403.  
  404. h2 {
  405. font-size:12px;
  406. font-family: 'Marck Script', cursive;
  407. font-weight:400;
  408. color:#e1e0db;
  409. text-align: center;
  410. text-transform:lowercase;
  411. letter-spacing:2px;
  412. display:block;
  413. text-shadow: 1px 1px 5px #fff;
  414. margin:0, 0, 5px, 0;
  415. padding:5px;
  416. }
  417.  
  418.  
  419. h3 {
  420. background-image: url('https://i.imgur.com/3gsVOfg.png');
  421. background-position:top;
  422. background-attachment:fixed;
  423. border: double 3px #000;
  424. padding:10px;
  425. color:#ffffff;
  426. overflow: auto;
  427. text-shadow:1px 1px 2px #000,
  428. font-size:15px;
  429. font-family:calibri;
  430. text-transform:uppercase;
  431. letter-spacing:1px;
  432. text-align:center;
  433. }
  434.  
  435. h4 {
  436. background-color: #1b1b1f;
  437. border-left: 3px solid #128585;
  438. border-right: 3px solid #128585;
  439. text-align: center;
  440. padding: 5px;
  441. font-size: 13px;
  442. font-family:calibri;
  443. color: #fff;
  444. }
  445.  
  446. h5 {
  447. font-size: 20px;
  448. text-transform:uppercase;
  449. background: url('https://i.imgur.com/3gsVOfg.png') repeat;
  450. -webkit-background-clip: text;
  451. -webkit-text-fill-color: transparent;
  452. text-align: center;
  453.  
  454. }
  455.  
  456.  
  457.  
  458. i, italic, em {
  459. font-family: 'Marck Script', cursive;
  460. font-size: 12px;
  461. text-shadow: 1px 1px 5px #a82c18;
  462. text-transform: italic;
  463. color:{color:italic};
  464. text-transform:lowercase;
  465. letter-spacing:1px;
  466.  
  467. }
  468.  
  469. b, bold, strong {
  470. font-size:10px;
  471. font-family: 'Orbitron', sans-serif;
  472. color:{color:bold};
  473. text-transform:lowercase;
  474.  
  475. }
  476. u, underline {font:8px 'Fjalla One'; font-weight:400; color:#79b4a8; text-transform:uppercase; letter-spacing:1px;}
  477.  
  478. p {
  479. margin-top:5px;
  480. margin-bottom:5px;}
  481.  
  482.  
  483. ol {
  484. list-style:normal;}
  485.  
  486.  
  487. ul {
  488. list-style:square;}
  489.  
  490.  
  491. small {
  492. font-size:10px}
  493.  
  494.  
  495. sup,sub {
  496. font-size:11px}
  497.  
  498.  
  499. pre {
  500. font-size: 12px;
  501. border-left: 3px solid #00939f;
  502. padding: 5px;
  503. font-family: courier new;
  504. font-style: none;
  505. text-transform: uppercase;
  506. text-align:justify;
  507. white-space: pre-wrap;
  508. white-space: -moz-pre-wrap;
  509. white-space: -pre-wrap;
  510. white-space: -o-pre-wrap;
  511. word-wrap: break-word;
  512. }
  513.  
  514.  
  515. code {
  516. text-transform: uppercase;
  517. }
  518.  
  519. blockquote {
  520. padding:2px 7px;
  521. padding-right:17px;
  522. margin:3px 0 3px 10px;
  523. border-left:1px solid #93b5ae;
  524. -webkit-border-radius: 10px;
  525. word-break: break-all;
  526. }
  527.  
  528.  
  529. blockquote img{
  530. max-width:100%;
  531. height:auto;
  532.  
  533. }
  534.  
  535. blockquote blockquote img{
  536. max-width:100%;
  537. height:auto;
  538. }
  539.  
  540.  
  541.  
  542.  
  543. t, title {
  544. size: 15px;
  545. color: 222;
  546. letter-spacing: 2px;
  547. font: times;
  548. }
  549.  
  550. quotetext {
  551. font-family: times;
  552. font-size: 20px;
  553. line-height: 21px;
  554. letter-spacing: 2px;
  555. text-align: center;
  556. text-transform:uppercase;
  557. color: #fff;
  558. text-shadow: 3px 1px 1px #79b4a8;
  559. }
  560.  
  561. quotations {
  562. font: courier;
  563. font-size: 30px;
  564. color: {color:bold};
  565. }
  566.  
  567. quote {
  568. font-size: 13px;
  569. }
  570.  
  571. img {
  572. max-width:100%;
  573. }
  574.  
  575. hr {
  576. width:100px;
  577. border: 0;
  578. height: 0.5px;
  579. margin-right:10px;
  580. background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 255), rgba(255, 255, 255, 0));
  581. }
  582.  
  583. /*---------------------------- LINKS ---------------------------*/
  584.  
  585. a:link, a:active, a:visited {
  586. text-decoration: none;
  587. color: #d0c7c2;
  588. text-transform: none;
  589. font-family: 'Contrail One', cursive;
  590. font-size: 14px;
  591. -moz-transition-duration:.6s;
  592. -webkit-transition-duration:.6s;
  593. -o-transition-duration:.6s;
  594. -webkit-filter: blur(0px);}
  595.  
  596. a:hover {
  597. color: #b8ada7;
  598. font-family: 'Contrail One', cursive;
  599. letter-spacing: 0px;
  600. -moz-transition-duration:.6s;
  601. -webkit-transition-duration:.6s;
  602. -o-transition-duration:.6s;
  603. -webkit-filter: blur(0px);}
  604.  
  605.  
  606.  
  607. a.navi, a.navi:link, a.navi:active, a.navi:visited {
  608. color: #a68b7c;
  609. text-shadow: 0px 0px 10px #a68b7c;
  610. font-family: times;
  611. font-size: 12px;
  612.  
  613. }
  614.  
  615. a.navi:hover {
  616. -moz-transition-duration:.6s;
  617. -webkit-transition-duration:.6s;
  618. -o-transition-duration:.6s;
  619. -webkit-filter: blur(0px);
  620. }
  621.  
  622. a.atlas, a.atlas:link, a.atlas:active, a.atlas:visited {
  623. color: #fff;
  624. font-family: 'Marck Script', cursive;
  625. font-size: 35px;
  626. text-shadow: 1px 1px 5px #ffffff;
  627. text-transform: none;
  628. }
  629.  
  630. a.atlas:hover {
  631. opacity: .5;
  632. -moz-transition-duration:.6s;
  633. -webkit-transition-duration:.6s;
  634. -o-transition-duration:.6s;
  635. -webkit-filter: blur(0px);
  636. }
  637.  
  638.  
  639. /*---------------------------- PAGINATION ---------------------------*/
  640.  
  641.  
  642. .pag {
  643. position: fixed;
  644. left: 840px;
  645. top: 180px;
  646. width: auto;
  647. height: auto;
  648. }
  649.  
  650. a.pag, a.pag:link, a.pag:active, a.pag:visited {
  651. color: #fff;
  652. font-family: 'Marck Script', cursive;
  653. font-size: 12px;
  654. text-shadow: 1px 1px 5px #fff;
  655. text-transform: none;
  656. }
  657.  
  658. a.pag:hover {
  659. opacity: .5;
  660. -moz-transition-duration:.6s;
  661. -webkit-transition-duration:.6s;
  662. -o-transition-duration:.6s;
  663. -webkit-filter: blur(0px);
  664. }
  665.  
  666.  
  667.  
  668.  
  669.  
  670. /*--------------------------- TAGS & INFO ---------------------------*/
  671.  
  672.  
  673. #infobox {
  674. border:1px solid transparent;
  675. margin-bottom:10px;
  676. padding-top:10px;
  677. overflow: auto;
  678. }
  679.  
  680.  
  681. #info {
  682. margin-left:20px;
  683. background-image: url('https://i.imgur.com/3gsVOfg.png');
  684. background-color: #1b1b1f;
  685. border-left: 3px solid #171612;
  686. border-right: 3px solid #171612;
  687. text-align: center;
  688. padding: 5px;
  689. font-size: 13px;
  690. font-family:calibri;
  691. color: #fff;
  692. height: 10px;
  693. margin-left:0px;
  694. margin-bottom: 75px;
  695. }
  696.  
  697. #info a {
  698. color:#ffffff;
  699. text-shadow: 0px 0px 2px #000000;
  700. opacity: 1;
  701. font-family: 'big noodle titling';
  702. text-transform: uppercase;
  703. }
  704.  
  705. #info a:hover {
  706. color:#222;
  707. opacity: 1;
  708. }
  709.  
  710.  
  711. #tags {
  712. width:225px;
  713. height: 15px;
  714. overflow: auto;
  715. padding:10px;
  716. font-size:5px;
  717. text-align:left;
  718. font-family:courier;
  719. text-transform:uppercase;
  720. background: #181713;
  721. border-bottom:1px solid #474747;
  722. margin-bottom: 5px;
  723. opacity: 1;
  724. margin-left: -5px;
  725. -webkit-transition: all 0.8s ease;
  726. -moz-transition: all 0.8s ease;
  727. transition: all 0.8s ease;
  728. }
  729.  
  730.  
  731. #tags a {
  732. font-family:consolas;
  733. font-size:8px;
  734. line-height:8pt;
  735. letter-spacing:0px;
  736. color:#d4cec3;
  737. text-shadow:0px 0px 7px #7f7f7f;
  738. text-decoration:none;
  739. text-transform:uppercase;
  740. text-align:center;
  741. display:inline-block;
  742. margin:1px 0px 3px 0px;
  743. -webkit-border-radius: 30px;
  744. -webkit-transition: all 0.4s ease-out;
  745. -moz-transition: all 0.4s ease-out;
  746. transition: all 0.4s ease-out;
  747. -moz-transition-duration: 0.4s;
  748. -webkit-transition-duration: 0.4s;
  749. -o-transition-duration: 0.4s;
  750. transition-duration: 0.4s; }
  751.  
  752.  
  753. #tags a:hover {
  754. color:#555;
  755. text-shadow:0px 0px 1px #777;
  756. -webkit-filter:none;
  757. -webkit-transition: all 0.6s ease-in-out;
  758. opacity:1;
  759. -webkit-transition: all 0.6s ease-in-out;
  760. -moz-transition: all 0.6s ease-in-out;
  761. -o-transition: all 0.6s ease-in-out;
  762. -ms-transition: all 0.6s ease-in-out;
  763. transition: all 0.6s ease-in-out;
  764. }
  765.  
  766.  
  767.  
  768.  
  769. /*---------------------------- EXTRA 1 ---------------------------*/
  770.  
  771.  
  772.  
  773. .note {
  774. text-transform:uppercase;
  775. font-style:normal;
  776. letter-spacing:0px;
  777. font-size: 10px;
  778. text-align:left;
  779. line-height:90%;
  780. margin-left:-40px;}
  781.  
  782. .note li {
  783. list-style-type:none;
  784. border-bottom:0px solid {color:border};
  785. padding:10px 25px 10px 25px;
  786. text-align:left;
  787. margin:0px;
  788. -moz-transition-duration:0.5s;
  789. -webkit-transition-duration:0.5s;
  790. -o-transition-duration:0.5s;}
  791.  
  792. .note img.avatar {
  793. margin-right: 10px;
  794. width: 16px;
  795. height: 16px;}
  796.  
  797.  
  798.  
  799.  
  800. /*-------------------------- MUSIC PLAYER ---------------------------*/
  801.  
  802.  
  803.  
  804. .songart{
  805. float:left;
  806. margin-right:10px;
  807. }
  808.  
  809. .songart img{
  810. width:80px;
  811. height:80px;
  812. }
  813.  
  814. .songtitle{
  815. margin-bottom:10px;
  816. margin-left:90px;
  817. }
  818.  
  819. .songauthor{
  820. margin-bottom:10px;
  821. font-size:8px;
  822. margin-left:90px;
  823. }
  824.  
  825. .tumblr_audio_player {
  826. height: 50px;
  827. }
  828.  
  829.  
  830.  
  831. /*---------------------------- TOOLTIP ---------------------------*/
  832.  
  833.  
  834.  
  835. #s-m-t-tooltip{
  836. max-width:400px;
  837. margin:15px;
  838. padding:2px 8px;
  839. background: #1c0915;
  840. background-image:url('https://i.imgur.com/3gsVOfg.png');
  841. background-repeat:repeat;
  842. background-attachment:fixed;
  843. border: double 3px #000;
  844. color:#fff;
  845. text-shadow:1px 1px 0px #000,
  846. z-index:99999999999999999999;
  847. font-size:9px;
  848. letter-spacing:2px;
  849. font-style:bold;
  850. letter-spacing:2px;
  851. font-family: calibri;
  852. text-transform:uppercase;
  853. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  854.  
  855.  
  856.  
  857. /*--------------------------- POPUP ------------------------------ */
  858.  
  859.  
  860. /*--Making IE6 Understand Fixed Positioning--*/
  861. *html #fade {
  862. position: absolute;
  863. }
  864. *html .popup_block {
  865. position: absolute;
  866. }
  867.  
  868. .popup_block{
  869. background-color:{color:background};
  870. border: 0px solid #3b3b3b;
  871. width:250px;
  872. height:400px;
  873. top:430px;
  874. padding: 10px;
  875. left: 711px;
  876. word-spacing: 3px;
  877. display: none; /*--hidden by default--*/
  878. float: left;
  879. font-size: 10px; /*font size of the words inside the box */
  880. position: fixed;
  881. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  882. }
  883.  
  884.  
  885. #fade { /*--Transparent background layer--*/
  886. display: none; /*--hidden by default--*/
  887. background: transparent;
  888. background-image: url(''); /*if you want to add a background image to go behind your popup */
  889. position: fixed; left: 0; top: 0;
  890. width: 100%; height: 100%;
  891. opacity: 1.0;
  892. z-index: 9999;
  893. }
  894.  
  895.  
  896. .popupnavlinks {
  897. padding-top:5px;
  898. text-align:center; }
  899.  
  900.  
  901. .popupnavlinks a {
  902. display:inline-block;
  903. width:90px; height:4px;
  904. margin:2px; padding:3px 6px 10px;
  905. text-align:center;
  906. background-image: url('');
  907. background:transparent;
  908. background-repeat:repeat;
  909. background-attachment:fixed;
  910. background: #181713;
  911. border-bottom:1px solid #474747;
  912. color:#474747;
  913. font-size:9px;
  914. font-family:calibri;
  915. text-shadow:1px 1px 0px #fff,
  916. display: inline-block;
  917. cursor: pointer;
  918. }
  919.  
  920. .popupnavlinks a:hover {
  921. display:inline-block;
  922. letter-spacing:2px;
  923. -moz-transition-duration: 0.4s;
  924. -webkit-transition-duration: 0.4s;
  925. -o-transition-duration: 0.4s;
  926. transition-duration: 0.4s;
  927. }
  928.  
  929.  
  930.  
  931. .popupclose {
  932. float:right; top:0px; right:0px;
  933. margin-top:-10px; margin-right:-10px;
  934. font-family:'Scada', sans serif;
  935. font-size:10px;
  936. font-weight:bold }
  937.  
  938. .popupclose a {
  939. color:#aaa }
  940.  
  941.  
  942.  
  943. /*--------------------------- POPUP ------------------------------ */
  944.  
  945. ul#tabs {
  946. list-style-type: none;
  947. padding: 0;
  948. text-align: justify;
  949. font-size:8px;
  950. letter-spacing:1px;
  951. }
  952. ul#tabs li {
  953. background-color: transparent;
  954. background: #181713;
  955. border-bottom:1px solid #474747;
  956. background-repeat:repeat;
  957. background-attachment:fixed;
  958. background-image: url('');
  959. display: inline-block;
  960. padding: 4px;
  961. margin-bottom: 4px;
  962. margin-left: 2px;
  963. cursor: pointer;
  964. color: #fff;
  965. font-size: 9px;
  966. text-transform: uppercase;
  967. text-align: center;
  968. word-spacing: none;
  969. }
  970. ul#tabs li:hover {
  971. background-color: transparent;
  972. letter-spacing: 2px;
  973. color: #ffffff;
  974. text-shadow: 1px 1px 3px #fff;
  975. -moz-transition-duration: 0.4s;
  976. -webkit-transition-duration: 0.4s;
  977. -o-transition-duration: 0.4s;
  978. transition-duration: 0.4s;
  979. }
  980. ul#tabs li.active {
  981. background-image: url('');
  982. background:transparent;
  983. background-repeat:repeat;
  984. background-attachment:fixed;
  985. color:#ffffff;
  986. text-shadow: 1px 1px 5px #ffffff;
  987. display: inline-block;
  988. padding: 4px;
  989. margin-bottom: 4px;
  990. cursor: pointer;
  991. border-radius: 2px;
  992. text-align: center;
  993. word-spacing: none;
  994. }
  995. ul#tab {
  996. list-style-type: none;
  997. margin: 0;
  998. padding: 0;
  999. }
  1000. ul#tab li {
  1001. display: none;
  1002. }
  1003. ul#tab li.active {
  1004. display: block;
  1005. }
  1006.  
  1007.  
  1008. #esperanza {
  1009. position: fixed;
  1010. background-color: #010106;
  1011. border-bottom: 1px solid #3b3b3b;
  1012. padding: 5px;
  1013. width: 242px;
  1014. height: 25px;
  1015. overflow: auto;
  1016. text-align: center;
  1017. z-index: 1;
  1018.  
  1019. }
  1020.  
  1021.  
  1022. #verses {
  1023. background:#1b1b1f;
  1024. border-right: 1px solid #00939f;
  1025. width: 225px;
  1026. height: 150px;
  1027. padding: 5px;
  1028. text-align: justify;
  1029. overflow: auto;
  1030. }
  1031.  
  1032.  
  1033. /* ----------------------------- CHAT CODE --------------------------- */
  1034.  
  1035. /* chat cred: http://dear-indies.tumblr.com/post/125257866576/animalites-imessage-chat-post-ive-seen-a-lot */
  1036.  
  1037. /* IMESSAGE CHAT POST */
  1038. .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:#e5e5ea;color:#000;left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid #e5e5ea;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:#e8f3f9;color:#000}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid #e8f3f9;border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  1039. .asked p {
  1040. text-align: left;
  1041. margin: 0 0px 10px 0px;
  1042. padding: 0;
  1043. color: #666666;
  1044. font-family: 'Inconsolata', Inconsolata;
  1045. font-size: 12px;
  1046. line-height: 0px;
  1047. }
  1048. .footerright .viasrc {
  1049. float: left;
  1050. }
  1051. .asked a {
  1052. margin:0;padding:0;
  1053. }
  1054. .user_4{background-color:#55caff;color:#fff}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:#fff}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
  1055. .convo {
  1056. overflow: hidden;
  1057. list-style-type: none;
  1058. padding: 0;
  1059. margin: 0;
  1060. }
  1061.  
  1062.  
  1063. </style>
  1064.  
  1065.  
  1066.  
  1067.  
  1068.  
  1069.  
  1070. <body>
  1071.  
  1072.  
  1073.  
  1074. <!---POP UP PAGES--->
  1075.  
  1076. <!---RULES START--->
  1077. <div id="box2" class="popup_block">
  1078.  
  1079. <div style="width:auto;height:475px;overflow:auto;">
  1080.  
  1081.  
  1082. <h3>WOLF LAW</h3>
  1083.  
  1084. <p>
  1085. <h2>The Mun</h2>
  1086. <p><strong>1.</strong> Hello! You can call me Zorra, she/her 20 something, full time worker living in the US. GMT -5.</p>
  1087. <p><strong>2.</strong> This blog is dedicated to Derek Hale of MTV's Teen Wolf.This blog is <em>Mutuals Only</em>.
  1088. <p><strong>2.1</strong> This blog is mainly season 1-3 based, headcanon and fic base
  1089. <p><h2>Writing</h2>
  1090. <p><strong>3.</strong> I don&rsquo;t really care about formatting or icons. You do you and I&rsquo;ll either match your style or do my own thing.</p>
  1091. <p><strong>4.</strong> Plotted threads are golden with me because, it gives me a baseline and direction of where we&rsquo;re going with our thread instead of just winging it. On the flip side, I do love random starters and the likes.</p>
  1092. <p>Along with plotted threads, I do love world building. Gives us a chance to really explore and develop our characters together.</p>
  1093. <p><strong>5.</strong> Each verse is separate unless otherwise stated. This blog is multi-verse and multi ship.</p>
  1094. <p><h3>Shipping/Relationships</h3>
  1095. <p><strong>6.</strong> Derek is shipped with <i>Chemistry</i>. Please don&rsquo;t force ships on me. If a relationship of any sort forms organically between our muses, I am all for it!</p>
  1096. <p><b>6.1</b> Smut will be super low-key to non existant here. Most of the time, it will take place on discord. No smut will be done with people under 18.
  1097. <p><h2>Graphics</h2>
  1098. <p><strong>7.</strong> Unless otherwise stated, all graphics were made by me. They are not for outside use unless specifically stated.</p>
  1099. <p><strong>8.</strong> Some PSDs were made by me, others were purchased with <strong>money</strong>. I&rsquo;d recommend checking out these&rsquo;s cool people who offer PSDs and graphic templates.</p>
  1100. <p><a href="http://silencexwillxfall.deviantart.com">silencexwillxfall</a> (run by me)<br /><a href="https://graphicsrp.deviantart.com/">graphicsrp</a><br /><a href="https://valorslain.deviantart.com/">valorslain</a><br /><a href="https://polarizerps.deviantart.com/">polarizerps</a></p>
  1101. <p><h2>Drama/Hate</h2>
  1102. <p><strong>9.</strong> <em>Drama</em> of any kind will not be tolerated on this blog. If I see callout posts, vague posts, anon hate, and nasty posts of any kind, I will unfollow and possibly block you. Even too many ooc posts/lots of negativity and controversial topics/posts, I will unfollow. I don't want to see it or lots of negitivity on my dash. Not to mention it makes me <i>uncomfortable.</i></p>
  1103. <h2>M & E</h2>
  1104. <p><strong>10.</strong> I am all for <b>priorities and mains</b>. (I am writing this as inspired by my friend Tricia! Priorities are like <i>old</i> mains. I'm super into our thread and plan on doing my best to make quick replies. We've developed a sort of relationship for our characters and have done a lot of chatting ic and ooc. <b>MAINS</b> has a new meaning for me. If I refer to someone in a thread, another character, it means they have contributed to the main portrayal of my character. If I do happen to do <b>exclusives</b>, it will primarily be shipped based. Will only ship with one of that muse. But that will be a rare occurrence. If you have questions, let me know. So <b>MAINS</b> people who have contributed to my main over all arcing story of Ross will be listed on the blog.
  1105.  
  1106.  
  1107. </div>
  1108. </div>
  1109. <!---RULES END--->
  1110.  
  1111.  
  1112.  
  1113. <!---NAVIGATION STARTS--->
  1114. <div id="box3" class="popup_block">
  1115.  
  1116. <div style="width:auto;height:465px;overflow:auto;padding:5px;">
  1117.  
  1118. <center>
  1119.  
  1120. <h1>MOONLIT PATH</h1>
  1121.  
  1122.  
  1123. <div class="popupnavlinks">
  1124.  
  1125. <h2>WRITING</h2>
  1126. <a href="/tagged/meme.">MEMES</a>
  1127. <a href="/tagged/open.">OPEN POSTS</a>
  1128. <br>
  1129. <a href="/tagged/wishlist.">WISHLIST</a>
  1130. <a href="/tagged/desires.">DESIRES</a>
  1131. <BR>
  1132. <p><h2>CHARACTER</h2>
  1133. <a href="/tagged/headcanon.">HEADCANON</a>
  1134. <a href="/tagged/text.">TEXT</a>
  1135. <br>
  1136. <a href="/tagged/visage.">MUSE</a>
  1137. <a href="/tagged/isms.">ISMS</a>
  1138. <br>
  1139. <a href="/tagged/wolf.">WOLF</a>
  1140. <a href="/tagged/nature.">NATURE</a>
  1141. <p><h2>PACK</h2>
  1142. <br>
  1143. <a href="/tagged/stiles.">STILINSKI</a>
  1144. <a href="/tagged/allison.">ARGENT</a>
  1145. <br>
  1146. <a href="/tagged/scott.">MCCALL</a>
  1147. <a href="/tagged/lydia.">MARTIN</a>
  1148. <br>
  1149. <p><h2>RELATIONSHIPS</h2>
  1150. <a href="/tagged/sterek.">STEREK</a>
  1151. <a href="/tagged/dallison.">DALLISON</a>
  1152. <br>
  1153. <a href="/tagged/dydia">DYDIA</a>
  1154. <a href="/tagged/whatever">LINK</a>
  1155. <p><h2>RESOURCES</h2>
  1156. <a href="http://commissionsbyzorra.tumblr.com">COMMISSIONS</a>
  1157. <a href="/tagged/RESOURCES.">RESOURCES</a>
  1158.  
  1159. <br><br><br>
  1160. </div>
  1161. </div></div>
  1162. <!---NAVIGATION ENDS--->
  1163.  
  1164.  
  1165.  
  1166. <!---VERSES STARTS--->
  1167. <div id="box4" class="popup_block">
  1168.  
  1169. <div style="width:auto;height:470px;overflow:auto;padding:5px;">
  1170.  
  1171. <div class="esperanza">
  1172. <ul id="tabs">
  1173. <center>
  1174. <li class="active">STATS</li>
  1175. <li>Main</li>
  1176. <li>AU</li>
  1177. <li>Private</li>
  1178. <li>Pack</li>
  1179. </center>
  1180. </ul>
  1181. </div>
  1182.  
  1183. <ul id="tab">
  1184. <li class="active">
  1185.  
  1186.  
  1187.  
  1188. <h1>BASICS</h1>
  1189.  
  1190. <h2>The Basics</h2>
  1191. <p><strong>FULL NAME:</strong> Input<br />
  1192. <strong>RANK:</strong> Input<br />
  1193. <strong>DOB:</strong> Input<br />
  1194. <strong>POB:</strong> Input<br />
  1195. <strong>HOME TOWN:</strong> Input<br />
  1196. <strong>SEX:</strong> Input<br />
  1197. <strong>ORIENTATION:</strong> Input<br />
  1198. <strong>MARITAL STATUS:</strong> Input<br />
  1199. <strong>KNOWN LANGUAGES:</strong>Input<br />
  1200. <strong>EDUCATION:</strong> Input<br />
  1201. <strong>CURRENT OCCUPATION:</strong> Input<br />
  1202. <strong>PREVIOUS LOCATIONS:</strong> Input</p>
  1203. <h2>Family</h2>
  1204. <p><strong>MOTHER:</strong> Input<br />
  1205. <strong>FATHER:</strong> Input<br />
  1206. <strong>BROTHER:</strong> Input<br />
  1207. <strong>SISTER:</strong> Input <br />
  1208. <h2>Traits</h2>
  1209. <p><strong>HAIR / EYES:</strong> Input<br />
  1210. <strong>HEIGHT / WEIGHT:</strong> Input<br />
  1211. <strong>BODY TYPE / SKINTONE:</strong> Input<br />
  1212. <strong>NOTABLE MARKINGS:</strong> Input<br />
  1213. <strong>FACE CLAIMS:</strong> Input</p>
  1214.  
  1215. <p><h2>History</h2>
  1216.  
  1217. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  1218.  
  1219. </li>
  1220.  
  1221.  
  1222.  
  1223. <li>
  1224. <h1>MAIN VERSES</h1>
  1225.  
  1226.  
  1227. <p>stuff
  1228. </li>
  1229.  
  1230. <li>
  1231. <h1>AU VERSES</h1>
  1232.  
  1233.  
  1234. <p>Stuff
  1235.  
  1236.  
  1237. </li>
  1238.  
  1239.  
  1240. <li>
  1241. <h1>Private Verses</h1>
  1242.  
  1243. <p>STUFF
  1244.  
  1245.  
  1246. </li>
  1247.  
  1248. <li>
  1249. <h2>Tab number five here we go!</h2>
  1250. </li>
  1251. </ul>
  1252.  
  1253.  
  1254.  
  1255.  
  1256. </div></div>
  1257. <!---VERSES ENDS--->
  1258.  
  1259.  
  1260.  
  1261.  
  1262. <div class="base">
  1263. <a href="/" class="poplight atlas" style="padding-right: 5px;" title="Den">01.</a>
  1264. <a href="/ask" class="poplight atlas" style="padding-right: 5px;" title="Questions">02.</a>
  1265. <a href="#?w=250" rel="box2" class="poplight atlas" style="padding-right: 5px;" title="Wolf Law">03.</a>
  1266. <a href="#?w=250" rel="box3" class="poplight atlas" style="padding-right: 5px;" title="Guiding Moonlight">04.</a>
  1267. <a href="#?w=250" rel="box4" class="poplight atlas" style="padding-right: 5px;" title="Legends">05.</a>
  1268. </div>
  1269.  
  1270.  
  1271.  
  1272.  
  1273.  
  1274.  
  1275. <!----------------------------- CREDIT ------------------------------>
  1276.  
  1277. <div class="credit">
  1278. <a href="http://commissionsbyzorra.tumblr.com/" title="Commissions By Zorra" class="credit">zorra</a>
  1279. </div>
  1280.  
  1281.  
  1282. <script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/53/53959/2/parts.js"></script>
  1283.  
  1284.  
  1285.  
  1286. <!------------------------- POSTS & CONTENT -------------------------->
  1287.  
  1288.  
  1289.  
  1290. <div class="pag">{block:Pagination}
  1291. {block:PreviousPage}<a href="{PreviousPage}" class="pag" style="margin-left: -335px; title: fall; font-size: 55px;">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="pag" style="margin-right: 0px; title: rise; font-size: 55px;">»</a>
  1292. {/block:NextPage}
  1293. {/block:Pagination}</div>
  1294.  
  1295.  
  1296.  
  1297.  
  1298. <div id="entries">
  1299.  
  1300. {block:Posts}
  1301.  
  1302. <div class="posts">
  1303.  
  1304. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1305.  
  1306. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  1307. {/block:Photo}
  1308.  
  1309. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1310.  
  1311. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1312.  
  1313. {block:Video}
  1314. <div class="video">{Video-250}</div>
  1315. {/block:Video}
  1316.  
  1317. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1318.  
  1319.  
  1320. {block:Quote}<quotetext>❝{Quote}❞</quotetext>{block:Source}<h3>{Source}</h3>{/block:Source}{/block:Quote}
  1321.  
  1322.  
  1323. {block:Chat}
  1324. {block:Title}
  1325. <h1>{Title}</h1>{/block:Title}<br>
  1326. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1327. {Line}</li>{/block:Lines}</ul>
  1328. {/block:Chat}
  1329.  
  1330.  
  1331. <!--AUDIO POST-->
  1332. {block:Audio}
  1333. {block:AlbumArt}
  1334. <div class="songart">
  1335. <img src="{AlbumArtURL}">
  1336. </div>
  1337. {/block:AlbumArt}
  1338. <div class="songtitle">
  1339. {block:TrackName}
  1340. {TrackName}
  1341. {/block:TrackName}
  1342. </div>
  1343. <div class="songauthor">
  1344. By
  1345. {block:Artist}
  1346. {Artist}
  1347. {/block:Artist}
  1348. </div>
  1349. {AudioPlayerWhite}
  1350. {/block:Audio}
  1351.  
  1352.  
  1353.  
  1354. {block:Answer}
  1355. <div id="asking" style="margin-left: 250px; margin-bottom: -40px; -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg);"><img src="{image:asking}" height="64px;" draggable="false"></div>
  1356.  
  1357.  
  1358. <div id="askerurl" style="margin-left:-60px; margin-top: 25px; text-transform:uppercase; color: {color:bold}; word-wrap: break-word; max-width: 100%;">{asker}</div>
  1359.  
  1360. <div id="question" style="margin-top: 0px">{Question}</div>
  1361. <div id="answer" style="margin-top: 20px;">{Answer}</div>
  1362. {/block:Answer}
  1363.  
  1364.  
  1365. <div id="infobox">
  1366. <div id="info">
  1367. <br>
  1368.  
  1369. &nbsp; &nbsp;
  1370.  
  1371.  
  1372. {block:Date}
  1373. <a href="{Permalink}"style="position:absolute; width: autopx; margin-left:-10px; margin-top:-17px; font-size: 9px; font-family: 'Oswald', sans-serif;" title="{TimeAgo}, {ShortMonth} {DayOfMonthWithZero} with {NoteCount} notes ">{ShortMonth} {DayOfMonthWithZero} </a>
  1374. {/block:Date}
  1375.  
  1376.  
  1377.  
  1378. <a href="{ReblogURL}" style="position:absolute; margin-left:-50px; margin-top:-17px; font-size:9px; font-family: 'Oswald', sans-serif;';" title="reblog"> Reblog </a>
  1379.  
  1380.  
  1381.  
  1382. {block:NoRebloggedFrom}
  1383. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1384. {/block:NoRebloggedFrom}
  1385.  
  1386.  
  1387. {block:ContentSource}
  1388. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1389. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1390. {/block:SourceLogo}
  1391. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1392. {/block:ContentSource}
  1393.  
  1394.  
  1395. <br>
  1396.  
  1397.  
  1398. <!------------------------ INFO AND SYMBOLS ENDS ---------------------->
  1399.  
  1400.  
  1401. <div id="tags">{block:HasTags}{block:Tags} <a href="{TagURL}" title="{Tag}"> {Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1402. </div>&nbsp;
  1403.  
  1404. <br><br><br><br>
  1405.  
  1406. {/block:Posts}
  1407. <div class="note">
  1408. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1409. </div></div>
  1410.  
  1411. {/block:Posts}
  1412.  
  1413.  
  1414. </div>
  1415. </div>
  1416. </div>
  1417.  
  1418.  
  1419.  
  1420.  
  1421.  
  1422. </body>
  1423.  
  1424.  
  1425.  
  1426.  
  1427.  
  1428. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement