API tools faq
paste
Advertisement
Tuls

harley theme

Tuls
Jul 19th, 2018
105
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4.  
  5.  
  6. <!----
  7. __ _______ _______ _ _ _____ _ _
  8. / /_ _|__ __| | | |/ ____| / | | | |
  9. / / / | | | | | |__| | | __ / | | | |
  10. / / / | | | | | __ | | |_ | / / | | | |
  11. / / _| |_ | | | | | | |__| |/ ____ | |____| |____
  12. ___/__/ |_____|__|_| |_|__|_|_____/_/ __ _______|______|
  13. |__ __| | | | ____| / | ____| / _ /_ |
  14. | | | |__| | |__ | / | |__ | | | || |
  15. | | | __ | __| | |/| | __| | | | || |
  16. | | | | | | |____| | | | |____ | |_| || |
  17. |_| |_| |_|______|_| |_|______| ___/ |_|
  18.  
  19. CREDIT FOR THE TOOLTIP TITLES & POPUPS GOES TO TUTORIAL-BABY. EVERYTHING ELSE IS MY OWN CODE, INCLUDING THE UPDATE TAB. PLEASE DO NOT STEAL ANY PART OF THIS THEME. FEEL FREE TO EDIT THIS THEME AS MUCH AS YOU WANT, SO LONG AS YOU DO NOT REMOVE OR MOVE THE CREDIT. PUTTING IT IN A POP-UP OR A PAGE COUNTS AS MOVING OR REMOVING IT. DON'T DO IT.
  20. --->
  21.  
  22.  
  23.  
  24.  
  25. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  26. <head>
  27.  
  28. <script type="text/javascript"
  29. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  30. <script>
  31. $(document).ready(function() {
  32. //
  33. $('a.poplight[href^=#]').click(function() {
  34. var popID = $(this).attr('rel'); //Get Popup Name
  35. var popURL = $(this).attr('href'); //Get Popup href to define size
  36. var query= popURL.split('?');
  37. var dim= query[1].split('&');
  38. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  39. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend;
  40. var popMargTop = ($('#' + popID).height() + 80) / 2;
  41. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  42. //Apply Margin to Popup
  43. $('#' + popID).css({
  44. 'margin-top' : -popMargTop,
  45. 'margin-left' : -popMargLeft
  46. });
  47. $('body').append('<div id="fade"></div>');
  48. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  49. return false;
  50. });
  51. $('a.close, #fade').live('click', function() {
  52. $('#fade , .popup_block').fadeOut(function() {
  53. $('#fade, a.close').remove(); //fade them both out
  54. });
  55. return false;
  56. });
  57. });
  58. </script>
  59.  
  60. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  61.  
  62. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  63.  
  64. <script>
  65. (function($){
  66. $(document).ready(function(){
  67. $("a[title]").style_my_tooltips({
  68. tip_follows_cursor:true,
  69. tip_delay_time:0,
  70. tip_fade_speed:0,
  71. attribute:"title"
  72. });
  73. });
  74. })(jQuery);
  75.  
  76. </script>
  77.  
  78. <!--basic tooltip from tutorial-baby! Enjoy-->
  79. <style>
  80.  
  81.  
  82.  
  83. .tooltip{
  84. display: inline;
  85. position: relative;
  86. }
  87. #s-m-t-tooltip {
  88. font-family:'times';
  89. max-width:300px; /*how big the tooltip can be at most*/
  90. border-radius: 0px; /*change your border radius*/
  91. font-weight:bold;
  92. border-left:2px solid {color:background};
  93. padding:5px 6px 5px 6px; /*padding inside tooltip*/
  94. margin:30px 10px -20px 20px; /*distance from word*/
  95. background-color:{color:text}; /*background color*/
  96. font-size:9px; /*tooltip font size*/
  97. letter-spacing:2px; /*tooltip letter spacing*/
  98. text-transform:uppercase; /*makes the tooltip title uppercase*/
  99. color:{color:background}; /*tooltip font color*/
  100. z-index:99999999999999999999999999999999999999999;
  101. -o-transition:.5s;
  102. -ms-transition:.5s;
  103. -moz-transition:.5s;
  104. -webkit-transition:.5s;
  105. transition:.5s;
  106. }
  107.  
  108. .playerbuttonbg {
  109. position: absolute;
  110. left: 20px;
  111. top: 20px;
  112. width: 19px;
  113. height: 19px;
  114. background-color: #ffffff;
  115. padding: 10px;
  116. -webkit-border-radius: 40px;
  117. -moz-border-radius: 40px;
  118. border-radius: 40px;
  119. opacity: .4;
  120. filter: alpha(opacity=40);
  121. -moz-opacity: 0.4;
  122. -khtml-opacity: 0.4;
  123. transition: opacity .7s ease-in-out;
  124. -moz-transition: opacity .7s ease-in-out;
  125. -webkit-transition: opacity .7s ease-in-out;
  126. }
  127.  
  128. .playerbuttonbg:hover {
  129. opacity: 1;
  130. filter: alpha(opacity=100);
  131. -moz-opacity: 1;
  132. -khtml-opacity: 1;
  133. }
  134.  
  135. .newplayerbutton {
  136. position: relative;
  137. width: 19px;
  138. height: 19px;
  139. overflow: hidden;
  140. }
  141.  
  142. .playerbuttonhug {
  143. position: absolute;
  144. top: -18px;
  145. left: -7px;
  146. }
  147.  
  148. .tumblr_audio_player {
  149. height: 90px;
  150. width: 270px;
  151. -moz-transform: scale(0.60, 0.60);
  152. -webkit-transform: scale(0.60, 0.60);
  153. -o-transform: scale(0.60, 0.60);
  154. -ms-transform: scale(0.60, 0.60);
  155. transform: scale(0.60, 0.60);
  156. -moz-transform-origin: top left;
  157. -webkit-transform-origin: top left;
  158. -o-transform-origin: top left;
  159. -ms-transform-origin: top left;
  160. transform-origin: top left;
  161. }
  162.  
  163. .audioimgwrapper {
  164. position: absolute;
  165. left: 0px;
  166. top: 0px;
  167. -webkit-border-radius: 40px;
  168. -moz-border-radius: 40px;
  169. border-radius: 40px;
  170. overflow: hidden;
  171. width: 79px;
  172. height: 79px;
  173. }
  174.  
  175. .audioimgwrapper img {
  176. width: 100%;
  177. height: auto;
  178. -webkit-border-radius: 40px;
  179. -moz-border-radius: 40px;
  180. border-radius: 40px;
  181. }
  182.  
  183. .trackdetails {
  184. width: auto;
  185. display:inline-block;
  186. margin-left: 90px;
  187. min-height: 85px;
  188. }
  189.  
  190. .audiowrapper {
  191. position: relative;
  192. display:inline-block;
  193. }
  194. </style>
  195.  
  196.  
  197.  
  198.  
  199. <title>{Title}</title>
  200.  
  201.  
  202.  
  203. <link rel="shortcut icon" href="{Favicon}">
  204. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  205. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  206.  
  207. <meta name="color:Background" content="#ffffff"/>
  208. <meta name="color:Entries" content="#eeeeee"/>
  209. <meta name="color:Text" content="#838282"/>
  210. <meta name="color:Headertitle" content="#b8b8b8"/>
  211. <meta name="color:Postnotes" content="#ffffff"/>
  212. <meta name="color:Bold" content="#ffffff"/>
  213. <meta name="color:Main" content="#ffffff"/>
  214. <meta name="color:Postlinks" content="#ffffff"/>
  215. <meta name="color:Posthover" content="#ffffff"/>
  216. <meta name="color:Taglink" content="#ffffff"/>
  217. <meta name="color:Em" content="#ffffff"/>
  218. <meta name="color:Sidelink" content="#ffffff"/>
  219. <meta name="color:Hover" content="#ffffff"/>
  220.  
  221. <style type="text/css">
  222.  
  223.  
  224.  
  225. /* POP UP */
  226.  
  227. #fade { /*--Transparent background layer--*/
  228. display: none; /*--hidden by default--*/
  229. background: {color:background};
  230. position: fixed; left: 0; top: 0;
  231. width: 100%; height: 100%;
  232. opacity: .80;
  233. z-index: 9999;
  234. }
  235.  
  236. .popup_block{
  237. display: none; /*--hidden by default--*/
  238. background: transparent;
  239. padding: 20px;
  240. float: left;
  241. position: fixed;
  242. top:50%;
  243. left:50%;
  244. z-index: 99999;
  245. height:347px;
  246. }
  247.  
  248. .poptext {
  249. margin-left:auto;
  250. margin-right:auto;
  251. margin-top:-15px;
  252. width:250px;
  253. padding:10px;
  254. margin-left:170px;
  255. height:450px;
  256. overflow:auto;
  257. text-align:justify;
  258. color:{color:background};
  259. background-color:#393939;
  260. }
  261.  
  262. .poptext a {
  263. color:{color:bold};
  264. }
  265.  
  266. .popask {
  267. margin-left:auto;
  268. margin-right:auto;
  269. margin-top:-10px;
  270. width:400px;
  271. padding:40px 40px 40px 40px;
  272. margin-left:160px;
  273. font-weight:bold;
  274. overflow:hidden;
  275. text-align:justify;
  276. font-size:14px;
  277. }
  278.  
  279.  
  280. .popnav {
  281. margin-left:auto;
  282. margin-right:auto;
  283. margin-top:-70px;
  284. width:360px;
  285. padding:40px 40px 40px 40px;
  286. margin-left:150px;
  287. font-weight:bold;
  288. overflow:auto;
  289. text-align:justify;
  290. color:{color:text};
  291. font-size:14px;
  292. background-repeat:no-repeat;
  293. }
  294.  
  295. img.btn_close {
  296. float: right;
  297. margin: -5px -5px 0 0;
  298. }
  299. /*--Making IE6 Understand Fixed Positioning--*/
  300. *html #fade {
  301. position: absolute;
  302. }
  303. *html .popup_block {
  304. position: absolute;
  305. }
  306.  
  307. /* POPUP NAVIGATION */
  308.  
  309. #table {
  310. display: block;
  311. font-size: 12px;
  312. font-family: 'times';
  313. text-align: center;
  314. margin-left:-30px;
  315. margin-top:100px;
  316. }
  317.  
  318. #links {
  319. display: block;
  320. font-decoration: none;
  321. width: 400px;
  322.  
  323. }
  324.  
  325. #links a {
  326. display: block;
  327. padding: 6px;
  328. color: white;
  329. background-color:#545454;
  330. -moz-transition-duration:1s;
  331. -webkit-transition-duration:1s;
  332. -o-transition-duration:1s;
  333. text-decoration: none;
  334. }
  335.  
  336. #links a:hover {
  337. display: block;
  338. padding: 6px;
  339. color:{color:em};
  340. -moz-transition-duration:1s;
  341. -webkit-transition-duration:1s;
  342. -o-transition-duration:1s;
  343. text-decoration: none;
  344. }
  345.  
  346. /* WEBKIT SCROLLBAR */
  347.  
  348. ::-webkit-scrollbar-thumb:vertical {
  349. height:4px;
  350. background-color:{color:main};
  351. }
  352. ::-webkit-scrollbar-thumb:horizontal {
  353. background-color:#fff;
  354. }
  355.  
  356. ::-webkit-scrollbar {
  357. width:2px;
  358. height:4px;
  359. background-color:transparent;
  360. }
  361. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  362. display:block;
  363. height:4px;
  364. background-color:transaprent;
  365. }
  366.  
  367. /* MAIN BLOG */
  368.  
  369. body {
  370. background-color:{color:Background};
  371. margin:0px;
  372. color:{color:text};
  373. font-family:'Helvetica';
  374. font-weight:100;
  375. line-height:17px;
  376. font-size:12px;
  377. }
  378.  
  379. ul,ol,li {
  380. list-style-type:default';
  381. }
  382.  
  383. u, underline {
  384. color:#202020;
  385. font-size:13px;
  386. }
  387.  
  388. a {
  389. color: {color:hover};
  390. text-decoration: none;
  391. text-shadow:0px 0px 2px {color:hover};
  392. }
  393.  
  394. small {
  395. font-size:11px;
  396. line-height:20px;
  397. }
  398.  
  399. sub {
  400. font-size:11px;
  401. }
  402.  
  403. hr {
  404. display: block;
  405. height: 1px;
  406. border: 0;
  407. border-top: 1px solid {color:em};
  408. padding: 0;
  409. }
  410.  
  411. blockquote {
  412. padding-left:5px;
  413. border-left:1px solid {color:bold};
  414. margin-left:5px;
  415. width:235px;
  416. }
  417.  
  418. blockquote blockquote {
  419. border-left:1px solid {color:bold};
  420. width:225px;
  421. }
  422.  
  423. b, bold, strong {
  424. font-family:'times';
  425. color: {color:bold};
  426. font-size:14px;
  427. text-shadow:0px 0px 2px {color:bold};
  428. }
  429.  
  430. h2 {
  431. color: {color:main};
  432. font-family:'times';
  433. font-size:15px;
  434. }
  435.  
  436. h1 {
  437. color: {color:bold};
  438. font-family:'times';
  439. font-size:15px;
  440. text-align:center;
  441. }
  442.  
  443. i, em {
  444. color:{color:em};
  445. font-family:'times';
  446. letter-spacing:1px;
  447. font-size:14px;
  448. text-shadow:0px 0px 2px {color:em};
  449. }
  450.  
  451. s, strike {
  452. color:{color:em};
  453. font-size:13px;
  454. letter-spacing:2px;
  455. font-family:'times';
  456. text-shadow:0px 0px 2px {color:bold};
  457. }
  458.  
  459. /* POST */
  460.  
  461. #container {
  462. /* feel free to use the image below as a template */
  463. background-image:url('https://78.media.tumblr.com/532f763af00a03649bd673507387207f/tumblr_pc4rptIMYl1ueauxso1_1280.gif');
  464. margin:auto;
  465. position:absolute;
  466. bottom: 0; left: 0; top: 0; right: 10;
  467. /* resize your container to the size of your background image */
  468. height:675px;
  469. width:700px;
  470. }
  471.  
  472. #entries {
  473. position:absolute;
  474. width:393px;
  475. /* leave the width alone unless you're going to change post size, but feel free to fiddle with the margins when you have your background image in place */
  476. margin-left:215px;
  477. margin-top:336px;
  478. height:248px;
  479. overflow-x: hidden;
  480. overflow-y: auto;
  481. }
  482.  
  483. #sidelinks {
  484. position:absolute;
  485. z-index:999;
  486. font-family:'times';
  487. font-weight:bold;
  488. width:100px;
  489. letter-spacing:4px;
  490. font-size:15px;
  491. margin-top:315px;
  492. margin-left:528px;
  493. }
  494.  
  495. #sidelinks a {
  496. color:{color:Sidelink};
  497. -o-transition:.5s;
  498. -ms-transition:.5s;
  499. -moz-transition:.5s;
  500. -webkit-transition:.5s;
  501. transition:.5s;
  502. -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px);
  503. }
  504.  
  505. #sidelinks a:hover {
  506. color:{color:Hover};
  507. -o-transition:.5s;
  508. -ms-transition:.5s;
  509. -moz-transition:.5s;
  510. -webkit-transition:.5s;
  511. transition:.5s;
  512. text-shadow:none;
  513. opacity:0.6;
  514. }
  515.  
  516. #sidenext {
  517. /* this is your pagination. it's part of the sidelinks so if you move the sidelinks, this will move as well */
  518. font-size:20px;
  519. font-family:'times';
  520. position:absolute;
  521. margin-top:0px;
  522. margin-left:90px;
  523. }
  524.  
  525.  
  526. /* POSTS */
  527.  
  528. #post {
  529. width:250px;
  530. padding: 5px 0px 5px 0px;
  531. text-align: justify;
  532. margin-bottom:30px;
  533. margin-top:30px;
  534. }
  535.  
  536. img, embed, object, video {
  537. max-width: 100%;
  538. width: auto;
  539. height: auto;
  540. border: none;
  541. }
  542.  
  543. #post:img {
  544. width:100;
  545. }
  546.  
  547. #post a {
  548. color: {color:Postlinks};
  549. font-weight:bold;
  550. -o-transition:.5s;
  551. -ms-transition:.5s;
  552. -moz-transition:.5s;
  553. -webkit-transition:.5s;
  554. transition:.5s;
  555. font-family:'times';
  556. text-shadow:none;
  557. font-size:14px;
  558. }
  559.  
  560. #post a:hover {
  561. -o-transition:.5s;
  562. -ms-transition:.5s;
  563. -moz-transition:.5s;
  564. -webkit-transition:.5s;
  565. transition:.5s;
  566. color:{color:posthover};
  567. }
  568.  
  569. #posttitle {
  570. font-family:'times';
  571. text-align: center;
  572. font-size: 15px;
  573. color: {color:Headertitle};
  574. letter-spacing:2px;
  575. text-transform:uppercase;
  576. margin-bottom:-10px;
  577. padding:5px;
  578. -o-transition:.5s;
  579. -ms-transition:.5s;
  580. -moz-transition:.5s;
  581. -webkit-transition:.5s;
  582. transition:.5s;
  583. text-shadow:none;
  584. }
  585.  
  586. #posttitle:hover {
  587. -o-transition:.5s;
  588. -ms-transition:.5s;
  589. -moz-transition:.5s;
  590. -webkit-transition:.5s;
  591. transition:.5s;
  592. }
  593.  
  594. /* AUDIO POST */
  595.  
  596. #audio {
  597. margin-bottom:10px;
  598. padding:10px;
  599. background-color:{color:Blockquote};
  600. height:80px;}
  601.  
  602. .cover {
  603. width:80px;
  604. height:80px;
  605. position:absolute;}
  606.  
  607. .cover img {
  608. z-index:10;
  609. width:70px;
  610. height:70px;
  611. border:5px solid {color:Main};}
  612.  
  613. .player {
  614. margin:15px 0px 0px 100px;}
  615.  
  616. .audioinfo {
  617. margin:10px 0px 0px 110px;}
  618.  
  619. /* QUOTE POST */
  620.  
  621. #quotey {
  622. background-color:transparent;
  623. font-size:10px;
  624. padding:20px;
  625. }
  626.  
  627. #quotes {
  628. background-color:transparent;
  629. font-size:20px;
  630. padding:20px;
  631. color:{color:Bold};
  632. font-weight:bold;
  633. font-style: italic;
  634. text-shadow: 0 1px 0.2em {color:bold};
  635. }
  636.  
  637. /* ASK POST */
  638.  
  639. #noicest {
  640. background-repeat:no-repeat;
  641. width:250px;
  642. height:auto;
  643. border-bottom:1px solid {color:main};
  644. }
  645.  
  646. #noiceask {
  647. font-family:'times';
  648. font-size:25px;
  649. text-align:center;
  650. text-transform:uppercase;
  651. margin-top:10px;
  652. letter-spacing:2px;
  653. }
  654.  
  655. #noiceask a {
  656. color:{color:main};
  657. -moz-transition-duration:1s;
  658. -webkit-transition-duration:1s;
  659. -o-transition-duration:1s;
  660. }
  661.  
  662. #noiceask a:hover {
  663. letter-spacing:3px;
  664. -moz-transition-duration:1s;
  665. -webkit-transition-duration:1s;
  666. -o-transition-duration:1s;
  667. -webkit-transition: all 0.5s ease-out;
  668. -moz-transition: all 0.5s ease-out;
  669. transition: all 0.5s ease-out;
  670. }
  671.  
  672. #noicer {
  673. width:250px;
  674. margin-left:auto;
  675. margin-right:auto;
  676. margin-top:0px;
  677. height:auto;
  678. text-align:center;
  679. overflow:auto;
  680. padding-top:10px;
  681. padding-bottom:10px;
  682. font-weight:bold;
  683. font-size:10px;
  684. }
  685.  
  686. /* TAGS */
  687.  
  688. #infotext {
  689. letter-spacing:2px;
  690. font-size:15px;
  691. margin-top:10px;
  692. color:{color:em};
  693. text-align:center;
  694. padding:10px;
  695. border-bottom:1px solid white;
  696. }
  697.  
  698. #infotext a {
  699. color:{color:Sidelink};
  700. -o-transition:.5s;
  701. -ms-transition:.5s;
  702. -moz-transition:.5s;
  703. -webkit-transition:.5s;
  704. transition:.5s;
  705. }
  706.  
  707. #infotext a:hover {
  708. color:{color:hover};
  709. -o-transition:.5s;
  710. -ms-transition:.5s;
  711. -moz-transition:.5s;
  712. -webkit-transition:.5s;
  713. transition:.5s;
  714. }
  715.  
  716. #info a {
  717. color: {color:Postnotes};
  718. -o-transition:.5s;
  719. -ms-transition:.5s;
  720. -moz-transition:.5s;
  721. -webkit-transition:.5s;
  722. transition:.5s;
  723. }
  724.  
  725. #info a:hover {
  726. opacity:0.5;
  727. -o-transition:.5s;
  728. -ms-transition:.5s;
  729. -moz-transition:.5s;
  730. -webkit-transition:.5s;
  731. transition:.5s;
  732. }
  733.  
  734. #iinfo {
  735. font-size:9px;
  736. text-align:justify;
  737. letter-spacing:1px;
  738. text-transform:none;
  739. text-shadow:none;
  740. margin-top:-24px;
  741. color:{color:bold};
  742. width:250px;
  743. margin-bottom:40px;
  744. -ms-transform: rotate(.5deg); /* IE 9 */
  745. -webkit-transform: rotate(.5deg); /* Chrome, Safari, Opera */
  746. transform: rotate(.5deg);
  747. }
  748.  
  749. #iinfo a {
  750. color:{color:taglink};
  751. -o-transition:.5s;
  752. -ms-transition:.5s;
  753. -moz-transition:.5s;
  754. -webkit-transition:.5s;
  755. transition:.5s;
  756. }
  757.  
  758. #iinfo a:hover {
  759. opacity:0.5;
  760. -o-transition:.5s;
  761. -ms-transition:.5s;
  762. -moz-transition:.5s;
  763. -webkit-transition:.5s;
  764. transition:.5s;
  765. }
  766.  
  767. #reblog {
  768. text-transform:uppercase;
  769. font-size:9px;
  770. letter-spacing:3px;
  771. color:{color:Postnotes};
  772. }
  773.  
  774. #reblog a{
  775. color:{color:Postnotes};
  776. }
  777.  
  778. #nnotes {
  779. width:360;
  780. overflow:hidden;
  781. height:auto;
  782. margin-left:15px;
  783. padding-left:20px;
  784. text-transform:uppercase;
  785. font-size:5px;
  786. color:{color:Text};
  787. }
  788.  
  789. #nnotes a {
  790. color:{color:Postnotes};
  791. text-transform:lowercase;
  792. letter-spacing:1px;
  793. font-weight:bold;
  794. font-style:italic;
  795. }
  796.  
  797. /* UPDATE TAB */
  798.  
  799. #update {
  800. width:150px;
  801. position:fixed;
  802. margin-left:700px;
  803. margin-top:150px;
  804. transition:0.5s ease-in-out;
  805. -webkit-transition:0.5s ease-in-out;
  806. -moz-transition:0.5s ease-in-out;
  807. text-align:justify;
  808. z-index:99;
  809.  
  810. }
  811.  
  812. #updatetitle {
  813. color:{color:text};
  814. font-weight:bold;
  815. z-index:99;
  816. opacity:1;
  817. font-size:7px;
  818. letter-spacing:2px;
  819. }
  820.  
  821. #updatetext {
  822. opacity:0;
  823. padding-top:200px;
  824. margin-top:-15px;
  825. color:{color:text};
  826. font-size:10px;
  827. transition:0.5s ease-in-out;
  828. -webkit-transition:0.5s ease-in-out;
  829. -moz-transition:0.5s ease-in-out;
  830. z-index:9;
  831.  
  832. }
  833.  
  834. #updatetext:hover {
  835. opacity:1;
  836. padding-top:20px;
  837. transition:0.5s ease-in-out;
  838. -webkit-transition:0.5s ease-in-out;
  839. -moz-transition:0.5s ease-in-out;
  840. }
  841.  
  842. #uptext {
  843. background-color:transparent;;
  844. padding:10px;
  845. width:110px;
  846. }
  847.  
  848. #uptext a {
  849. color:{color:bold};
  850. font-weight:bold;
  851. }
  852.  
  853. /* CREDITS */
  854.  
  855. #creda {
  856. position:fixed;
  857. bottom:5px;
  858. right:30px;
  859. width:20px;
  860. height:20px;
  861. font-size:7px;
  862. font-style:italic;
  863. text-shadow:none;
  864. }
  865.  
  866. #creda a {
  867. color:{color:bold};
  868. text-shadow:none;
  869. }
  870.  
  871.  
  872.  
  873.  
  874.  
  875.  
  876.  
  877.  
  878. img{
  879. -webkit-transition: opacity 0.8s linear;
  880. opacity: 0.40;
  881. }
  882. img:hover{
  883. -webkit-transition: opacity 0.8s linear;
  884. opacity: 1;
  885. }
  886. {CustomCSS}</style></head><body>
  887.  
  888.  
  889. <div id="update"><div id="updatetitle">HOVER</div>
  890. <div id="updatetext"><div id="uptext">
  891.  
  892.  
  893.  
  894.  
  895.  
  896.  
  897. <b>In∂ie-Mαтт Jєєναѕ</b><br>
  898. Name:Mαтт Jєєναѕ (Mail)<br>
  899. Age: 19<br>
  900. Gender: Male<br>
  901. Occupation: Hacker/Spy<br>
  902. ♡: Single<br>
  903. <b><a href="http://deathnote.wikia.com/wiki/Matt">[More]</a> </b>
  904. <p>
  905. <b>
  906. ωrιттєη ву тυℓѕ</b>
  907.  
  908.  
  909.  
  910.  
  911.  
  912.  
  913.  
  914.  
  915.  
  916.  
  917.  
  918.  
  919. </div></div></div>
  920.  
  921.  
  922.  
  923.  
  924.  
  925.  
  926.  
  927.  
  928. </div>
  929. </div>
  930.  
  931.  
  932.  
  933.  
  934. <div id="container">
  935.  
  936. <div id="sidelinks">
  937. <a href="/" title="home">●</a>
  938. <a href="#?w=460" rel="01" title="Inquire." class="poplight">●</a>
  939. <a href="#?w=460" rel="02" title="Law." class="poplight">●</a>
  940. <a href="#?w=460" rel="03" title="About." class="poplight">●</a>
  941. <a href="#?w=460" rel="04" title=" " class="poplight"> </a>
  942. <a href="#?w=460" rel="05" title="navigation" class="poplight">●</a>
  943. <p>
  944. <div id="sidenext">{block:NextPage}<a href="{NextPage}" title="next">»</a>{/block:NextPage}
  945. <p>{block:PreviousPage}<a href="{PreviousPage}" title="back">«</a>{/block:PreviousPage}
  946. </div>
  947.  
  948. </div>
  949.  
  950. <div id="entries">{block:Posts}<!-- {block:NoRebloggedFrom}
  951. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  952. {/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}
  953. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  954. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  955. {/block:ContentSource}<div id="post">
  956.  
  957. {block:Text}<h1>{block:Title}<div id="posttitle">{Title}</div>{/block:Title}</h1>{Body}<div id="photo" class="photo"><img src="{PhotoURL-250}">{LinkCloseTag}</div>{block:More} <a href="{Permalink}"><center><b>READ MORE</b></center></a> {/block:More}{/block:Text}
  958.  
  959. {block:Photo}{LinkOpenTag}<div id="photo" class="photo"><img src="{PhotoURL-250}">{LinkCloseTag}</div>{block:Caption}{Caption}{block:More} <a href="{Permalink}"><center><b>READ MORE</b></center></a> {/block:More}{/block:Caption}{/block:Photo}
  960.  
  961. {block:Photoset}<div id="photo" class="photo">{Photoset-250}</div>{block:Caption}{Caption}{block:More} <a href="{Permalink}"><center><b>READ MORE</b></center></a> {/block:More}{/block:Caption}{/block:Photoset}
  962.  
  963. {block:Quote}<div id="quotes">{Quote}</div>{block:Source}<div class="quotey">- {Source}</div>{/block:Source}{/block:Quote}
  964.  
  965. {block:Link}<a href="{URL}" {Target}><div id="posttitle">{Name}</div></a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  966.  
  967. {block:Chat}
  968. {block:Title}<div id="posttitle">{Title}</div>
  969. {/block:Title}<br>
  970. {block:Lines}{block:Label}<strong>{Label}</strong></span>{/block:Label}
  971. {Line}<br></li>{/block:Lines}</ul>
  972. {/block:Chat}
  973.  
  974. {block:Audio}{block:AudioPlayer}
  975. <div class="audiowrapper">
  976. {block:AlbumArt}
  977. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  978. {/block:AlbumArt}
  979.  
  980. <div class="playerbuttonbg">
  981. <div class="newplayerbutton">
  982. <div class="playerbuttonhug">
  983.  
  984. {AudioPlayerWhite}
  985.  
  986. </div>
  987. </div>
  988. </div>
  989.  
  990. <div class="trackdetails">
  991.  
  992. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  993. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  994. {block:Album}Album: {Album}{/block:Album}<br/>
  995. {PlayCountWithLabel}
  996.  
  997. </div>
  998. </div>
  999. {/block:AudioPlayer}
  1000.  
  1001. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1002.  
  1003.  
  1004. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1005.  
  1006. {block:Answer}<div id="noicest"><div id="noiceask">{Asker}</div><div id="noicer">{Question}</div></div><p>{Answer}{Photo-250}{block:More} <a href="{Permalink}"><center><b>READ MORE</b><br>&nbsp;</center></a> {/block:More}{/block:Answer}
  1007.  
  1008.  
  1009. <div id="infotext">{block:Date}<a title="{TimeAgo}"><big>●</big></a></span>{/block:Date} <a href="{Permalink}" title="{NoteCountWithLabel}"><big>●</big>
  1010. </a>{block:RebloggedFrom} <a href="{ReblogParentURL}"
  1011. title="{ReblogParentTitle}"><big>●</big></a>{/block:RebloggedFrom}</div></div><div id="iinfo">{block:HasTags}{block:Tags} ● <a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}
  1012.  
  1013. </div>
  1014. {block:PostNotes}<div id="postnotes"><div id="nnotes">{PostNotes}</div></div>{/block:PostNotes}
  1015.  
  1016.  
  1017. {/block:Posts}</div></div>
  1018.  
  1019.  
  1020.  
  1021. <div id="creda"><a href="http://withgall.tumblr.com">WITHGALL</a></div>
  1022.  
  1023.  
  1024. </body>
  1025.  
  1026. <div id="01" class="popup_block">
  1027. <div class="popask">
  1028.  
  1029. <p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  1030.  
  1031.  
  1032.  
  1033.  
  1034. <!----
  1035. __ _______ _______ _ _ _____ _ _
  1036. / /_ _|__ __| | | |/ ____| / | | | |
  1037. / / / | | | | | |__| | | __ / | | | |
  1038. / / / | | | | | __ | | |_ | / / | | | |
  1039. / / _| |_ | | | | | | |__| |/ ____ | |____| |____
  1040. ___/__/ |_____|__|_| |_|__|_|_____/_/ __ _______|______|
  1041. |__ __| | | | ____| / | ____| / _ /_ |
  1042. | | | |__| | |__ | / | |__ | | | || |
  1043. | | | __ | __| | |/| | __| | | | || |
  1044. | | | | | | |____| | | | |____ | |_| || |
  1045. |_| |_| |_|______|_| |_|______| ___/ |_|
  1046.  
  1047. CREDIT FOR THE TOOLTIP TITLES & POPUPS GOES TO TUTORIAL-BABY. EVERYTHING ELSE IS MY OWN CODE, INCLUDING THE UPDATE TAB. PLEASE DO NOT STEAL ANY PART OF THIS THEME. FEEL FREE TO EDIT THIS THEME AS MUCH AS YOU WANT, SO LONG AS YOU DO NOT REMOVE OR MOVE THE CREDIT. PUTTING IT IN A POP-UP OR A PAGE COUNTS AS MOVING OR REMOVING IT. DON'T DO IT.
  1048. --->
  1049.  
  1050.  
  1051.  
  1052.  
  1053. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  1054. <head>
  1055.  
  1056. <script type="text/javascript"
  1057. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  1058. <script>
  1059. $(document).ready(function() {
  1060. //
  1061. $('a.poplight[href^=#]').click(function() {
  1062. var popID = $(this).attr('rel'); //Get Popup Name
  1063. var popURL = $(this).attr('href'); //Get Popup href to define size
  1064. var query= popURL.split('?');
  1065. var dim= query[1].split('&');
  1066. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  1067. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend;
  1068. var popMargTop = ($('#' + popID).height() + 80) / 2;
  1069. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  1070. //Apply Margin to Popup
  1071. $('#' + popID).css({
  1072. 'margin-top' : -popMargTop,
  1073. 'margin-left' : -popMargLeft
  1074. });
  1075. $('body').append('<div id="fade"></div>');
  1076. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  1077. return false;
  1078. });
  1079. $('a.close, #fade').live('click', function() {
  1080. $('#fade , .popup_block').fadeOut(function() {
  1081. $('#fade, a.close').remove(); //fade them both out
  1082. });
  1083. return false;
  1084. });
  1085. });
  1086. </script>
  1087.  
  1088. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1089.  
  1090. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1091.  
  1092. <script>
  1093. (function($){
  1094. $(document).ready(function(){
  1095. $("a[title]").style_my_tooltips({
  1096. tip_follows_cursor:true,
  1097. tip_delay_time:0,
  1098. tip_fade_speed:0,
  1099. attribute:"title"
  1100. });
  1101. });
  1102. })(jQuery);
  1103.  
  1104. </script>
  1105.  
  1106. <!--basic tooltip from tutorial-baby! Enjoy-->
  1107. <style>
  1108.  
  1109.  
  1110.  
  1111. .tooltip{
  1112. display: inline;
  1113. position: relative;
  1114. }
  1115. #s-m-t-tooltip {
  1116. font-family:'times';
  1117. max-width:300px; /*how big the tooltip can be at most*/
  1118. border-radius: 0px; /*change your border radius*/
  1119. font-weight:bold;
  1120. border-left:2px solid {color:background};
  1121. padding:5px 6px 5px 6px; /*padding inside tooltip*/
  1122. margin:30px 10px -20px 20px; /*distance from word*/
  1123. background-color:{color:text}; /*background color*/
  1124. font-size:9px; /*tooltip font size*/
  1125. letter-spacing:2px; /*tooltip letter spacing*/
  1126. text-transform:uppercase; /*makes the tooltip title uppercase*/
  1127. color:{color:background}; /*tooltip font color*/
  1128. z-index:99999999999999999999999999999999999999999;
  1129. -o-transition:.5s;
  1130. -ms-transition:.5s;
  1131. -moz-transition:.5s;
  1132. -webkit-transition:.5s;
  1133. transition:.5s;
  1134. }
  1135.  
  1136. .playerbuttonbg {
  1137. position: absolute;
  1138. left: 20px;
  1139. top: 20px;
  1140. width: 19px;
  1141. height: 19px;
  1142. background-color: #ffffff;
  1143. padding: 10px;
  1144. -webkit-border-radius: 40px;
  1145. -moz-border-radius: 40px;
  1146. border-radius: 40px;
  1147. opacity: .4;
  1148. filter: alpha(opacity=40);
  1149. -moz-opacity: 0.4;
  1150. -khtml-opacity: 0.4;
  1151. transition: opacity .7s ease-in-out;
  1152. -moz-transition: opacity .7s ease-in-out;
  1153. -webkit-transition: opacity .7s ease-in-out;
  1154. }
  1155.  
  1156. .playerbuttonbg:hover {
  1157. opacity: 1;
  1158. filter: alpha(opacity=100);
  1159. -moz-opacity: 1;
  1160. -khtml-opacity: 1;
  1161. }
  1162.  
  1163. .newplayerbutton {
  1164. position: relative;
  1165. width: 19px;
  1166. height: 19px;
  1167. overflow: hidden;
  1168. }
  1169.  
  1170. .playerbuttonhug {
  1171. position: absolute;
  1172. top: -18px;
  1173. left: -7px;
  1174. }
  1175.  
  1176. .tumblr_audio_player {
  1177. height: 90px;
  1178. width: 270px;
  1179. -moz-transform: scale(0.60, 0.60);
  1180. -webkit-transform: scale(0.60, 0.60);
  1181. -o-transform: scale(0.60, 0.60);
  1182. -ms-transform: scale(0.60, 0.60);
  1183. transform: scale(0.60, 0.60);
  1184. -moz-transform-origin: top left;
  1185. -webkit-transform-origin: top left;
  1186. -o-transform-origin: top left;
  1187. -ms-transform-origin: top left;
  1188. transform-origin: top left;
  1189. }
  1190.  
  1191. .audioimgwrapper {
  1192. position: absolute;
  1193. left: 0px;
  1194. top: 0px;
  1195. -webkit-border-radius: 40px;
  1196. -moz-border-radius: 40px;
  1197. border-radius: 40px;
  1198. overflow: hidden;
  1199. width: 79px;
  1200. height: 79px;
  1201. }
  1202.  
  1203. .audioimgwrapper img {
  1204. width: 100%;
  1205. height: auto;
  1206. -webkit-border-radius: 40px;
  1207. -moz-border-radius: 40px;
  1208. border-radius: 40px;
  1209. }
  1210.  
  1211. .trackdetails {
  1212. width: auto;
  1213. display:inline-block;
  1214. margin-left: 90px;
  1215. min-height: 85px;
  1216. }
  1217.  
  1218. .audiowrapper {
  1219. position: relative;
  1220. display:inline-block;
  1221. }
  1222. </style>
  1223.  
  1224.  
  1225.  
  1226.  
  1227. <title>{Title}</title>
  1228.  
  1229.  
  1230.  
  1231. <link rel="shortcut icon" href="{Favicon}">
  1232. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  1233. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  1234.  
  1235. <meta name="color:Background" content="#ffffff"/>
  1236. <meta name="color:Entries" content="#eeeeee"/>
  1237. <meta name="color:Text" content="#838282"/>
  1238. <meta name="color:Headertitle" content="#b8b8b8"/>
  1239. <meta name="color:Postnotes" content="#ffffff"/>
  1240. <meta name="color:Bold" content="#ffffff"/>
  1241. <meta name="color:Main" content="#ffffff"/>
  1242. <meta name="color:Postlinks" content="#ffffff"/>
  1243. <meta name="color:Posthover" content="#ffffff"/>
  1244. <meta name="color:Taglink" content="#ffffff"/>
  1245. <meta name="color:Em" content="#ffffff"/>
  1246. <meta name="color:Sidelink" content="#ffffff"/>
  1247. <meta name="color:Hover" content="#ffffff"/>
  1248.  
  1249. <style type="text/css">
  1250.  
  1251.  
  1252.  
  1253. /* POP UP */
  1254.  
  1255. #fade { /*--Transparent background layer--*/
  1256. display: none; /*--hidden by default--*/
  1257. background: {color:background};
  1258. position: fixed; left: 0; top: 0;
  1259. width: 100%; height: 100%;
  1260. opacity: .80;
  1261. z-index: 9999;
  1262. }
  1263.  
  1264. .popup_block{
  1265. display: none; /*--hidden by default--*/
  1266. background: transparent;
  1267. padding: 20px;
  1268. float: left;
  1269. position: fixed;
  1270. top:50%;
  1271. left:50%;
  1272. z-index: 99999;
  1273. height:347px;
  1274. }
  1275.  
  1276. .poptext {
  1277. margin-left:auto;
  1278. margin-right:auto;
  1279. margin-top:-15px;
  1280. width:250px;
  1281. padding:10px;
  1282. margin-left:170px;
  1283. height:450px;
  1284. overflow:auto;
  1285. text-align:justify;
  1286. color:{color:background};
  1287. background-color:#393939;
  1288. }
  1289.  
  1290. .poptext a {
  1291. color:{color:bold};
  1292. }
  1293.  
  1294. .popask {
  1295. margin-left:auto;
  1296. margin-right:auto;
  1297. margin-top:-10px;
  1298. width:400px;
  1299. padding:40px 40px 40px 40px;
  1300. margin-left:160px;
  1301. font-weight:bold;
  1302. overflow:hidden;
  1303. text-align:justify;
  1304. font-size:14px;
  1305. }
  1306.  
  1307.  
  1308. .popnav {
  1309. margin-left:auto;
  1310. margin-right:auto;
  1311. margin-top:-70px;
  1312. width:360px;
  1313. padding:40px 40px 40px 40px;
  1314. margin-left:150px;
  1315. font-weight:bold;
  1316. overflow:auto;
  1317. text-align:justify;
  1318. color:{color:text};
  1319. font-size:14px;
  1320. background-repeat:no-repeat;
  1321. }
  1322.  
  1323. img.btn_close {
  1324. float: right;
  1325. margin: -5px -5px 0 0;
  1326. }
  1327. /*--Making IE6 Understand Fixed Positioning--*/
  1328. *html #fade {
  1329. position: absolute;
  1330. }
  1331. *html .popup_block {
  1332. position: absolute;
  1333. }
  1334.  
  1335. /* POPUP NAVIGATION */
  1336.  
  1337. #table {
  1338. display: block;
  1339. font-size: 12px;
  1340. font-family: 'times';
  1341. text-align: center;
  1342. margin-left:-30px;
  1343. margin-top:100px;
  1344. }
  1345.  
  1346. #links {
  1347. display: block;
  1348. font-decoration: none;
  1349. width: 400px;
  1350.  
  1351. }
  1352.  
  1353. #links a {
  1354. display: block;
  1355. padding: 6px;
  1356. color: white;
  1357. background-color:#545454;
  1358. -moz-transition-duration:1s;
  1359. -webkit-transition-duration:1s;
  1360. -o-transition-duration:1s;
  1361. text-decoration: none;
  1362. }
  1363.  
  1364. #links a:hover {
  1365. display: block;
  1366. padding: 6px;
  1367. color:{color:em};
  1368. -moz-transition-duration:1s;
  1369. -webkit-transition-duration:1s;
  1370. -o-transition-duration:1s;
  1371. text-decoration: none;
  1372. }
  1373.  
  1374. /* WEBKIT SCROLLBAR */
  1375.  
  1376. ::-webkit-scrollbar-thumb:vertical {
  1377. height:4px;
  1378. background-color:{color:main};
  1379. }
  1380. ::-webkit-scrollbar-thumb:horizontal {
  1381. background-color:#fff;
  1382. }
  1383.  
  1384. ::-webkit-scrollbar {
  1385. width:2px;
  1386. height:4px;
  1387. background-color:transparent;
  1388. }
  1389. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  1390. display:block;
  1391. height:4px;
  1392. background-color:transaprent;
  1393. }
  1394.  
  1395. /* MAIN BLOG */
  1396.  
  1397. body {
  1398. background-color:{color:Background};
  1399. margin:0px;
  1400. color:{color:text};
  1401. font-family:'Helvetica';
  1402. font-weight:100;
  1403. line-height:17px;
  1404. font-size:12px;
  1405. }
  1406.  
  1407. ul,ol,li {
  1408. list-style-type:default';
  1409. }
  1410.  
  1411. u, underline {
  1412. color:#202020;
  1413. font-size:13px;
  1414. }
  1415.  
  1416. a {
  1417. color: {color:hover};
  1418. text-decoration: none;
  1419. text-shadow:0px 0px 2px {color:hover};
  1420. }
  1421.  
  1422. small {
  1423. font-size:11px;
  1424. line-height:20px;
  1425. }
  1426.  
  1427. sub {
  1428. font-size:11px;
  1429. }
  1430.  
  1431. hr {
  1432. display: block;
  1433. height: 1px;
  1434. border: 0;
  1435. border-top: 1px solid {color:em};
  1436. padding: 0;
  1437. }
  1438.  
  1439. blockquote {
  1440. padding-left:5px;
  1441. border-left:1px solid {color:bold};
  1442. margin-left:5px;
  1443. width:235px;
  1444. }
  1445.  
  1446. blockquote blockquote {
  1447. border-left:1px solid {color:bold};
  1448. width:225px;
  1449. }
  1450.  
  1451. b, bold, strong {
  1452. font-family:'times';
  1453. color: {color:bold};
  1454. font-size:14px;
  1455. text-shadow:0px 0px 2px {color:bold};
  1456. }
  1457.  
  1458. h2 {
  1459. color: {color:main};
  1460. font-family:'times';
  1461. font-size:15px;
  1462. }
  1463.  
  1464. h1 {
  1465. color: {color:bold};
  1466. font-family:'times';
  1467. font-size:15px;
  1468. text-align:center;
  1469. }
  1470.  
  1471. i, em {
  1472. color:{color:em};
  1473. font-family:'times';
  1474. letter-spacing:1px;
  1475. font-size:14px;
  1476. text-shadow:0px 0px 2px {color:em};
  1477. }
  1478.  
  1479. s, strike {
  1480. color:{color:em};
  1481. font-size:13px;
  1482. letter-spacing:2px;
  1483. font-family:'times';
  1484. text-shadow:0px 0px 2px {color:bold};
  1485. }
  1486.  
  1487. /* POST */
  1488.  
  1489. #container {
  1490. /* feel free to use the image below as a template */
  1491. background-image:url('https://78.media.tumblr.com/532f763af00a03649bd673507387207f/tumblr_pc4rptIMYl1ueauxso1_1280.gif');
  1492. margin:auto;
  1493. position:absolute;
  1494. bottom: 0; left: 0; top: 0; right: 10;
  1495. /* resize your container to the size of your background image */
  1496. height:675px;
  1497. width:700px;
  1498. }
  1499.  
  1500. #entries {
  1501. position:absolute;
  1502. width:393px;
  1503. /* leave the width alone unless you're going to change post size, but feel free to fiddle with the margins when you have your background image in place */
  1504. margin-left:215px;
  1505. margin-top:336px;
  1506. height:248px;
  1507. overflow-x: hidden;
  1508. overflow-y: auto;
  1509. }
  1510.  
  1511. #sidelinks {
  1512. position:absolute;
  1513. z-index:999;
  1514. font-family:'times';
  1515. font-weight:bold;
  1516. width:100px;
  1517. letter-spacing:4px;
  1518. font-size:15px;
  1519. margin-top:315px;
  1520. margin-left:528px;
  1521. }
  1522.  
  1523. #sidelinks a {
  1524. color:{color:Sidelink};
  1525. -o-transition:.5s;
  1526. -ms-transition:.5s;
  1527. -moz-transition:.5s;
  1528. -webkit-transition:.5s;
  1529. transition:.5s;
  1530. -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px);
  1531. }
  1532.  
  1533. #sidelinks a:hover {
  1534. color:{color:Hover};
  1535. -o-transition:.5s;
  1536. -ms-transition:.5s;
  1537. -moz-transition:.5s;
  1538. -webkit-transition:.5s;
  1539. transition:.5s;
  1540. text-shadow:none;
  1541. opacity:0.6;
  1542. }
  1543.  
  1544. #sidenext {
  1545. /* this is your pagination. it's part of the sidelinks so if you move the sidelinks, this will move as well */
  1546. font-size:20px;
  1547. font-family:'times';
  1548. position:absolute;
  1549. margin-top:0px;
  1550. margin-left:90px;
  1551. }
  1552.  
  1553.  
  1554. /* POSTS */
  1555.  
  1556. #post {
  1557. width:250px;
  1558. padding: 5px 0px 5px 0px;
  1559. text-align: justify;
  1560. margin-bottom:30px;
  1561. margin-top:30px;
  1562. }
  1563.  
  1564. img, embed, object, video {
  1565. max-width: 100%;
  1566. width: auto;
  1567. height: auto;
  1568. border: none;
  1569. }
  1570.  
  1571. #post:img {
  1572. width:100;
  1573. }
  1574.  
  1575. #post a {
  1576. color: {color:Postlinks};
  1577. font-weight:bold;
  1578. -o-transition:.5s;
  1579. -ms-transition:.5s;
  1580. -moz-transition:.5s;
  1581. -webkit-transition:.5s;
  1582. transition:.5s;
  1583. font-family:'times';
  1584. text-shadow:none;
  1585. font-size:14px;
  1586. }
  1587.  
  1588. #post a:hover {
  1589. -o-transition:.5s;
  1590. -ms-transition:.5s;
  1591. -moz-transition:.5s;
  1592. -webkit-transition:.5s;
  1593. transition:.5s;
  1594. color:{color:posthover};
  1595. }
  1596.  
  1597. #posttitle {
  1598. font-family:'times';
  1599. text-align: center;
  1600. font-size: 15px;
  1601. color: {color:Headertitle};
  1602. letter-spacing:2px;
  1603. text-transform:uppercase;
  1604. margin-bottom:-10px;
  1605. padding:5px;
  1606. -o-transition:.5s;
  1607. -ms-transition:.5s;
  1608. -moz-transition:.5s;
  1609. -webkit-transition:.5s;
  1610. transition:.5s;
  1611. text-shadow:none;
  1612. }
  1613.  
  1614. #posttitle:hover {
  1615. -o-transition:.5s;
  1616. -ms-transition:.5s;
  1617. -moz-transition:.5s;
  1618. -webkit-transition:.5s;
  1619. transition:.5s;
  1620. }
  1621.  
  1622. /* AUDIO POST */
  1623.  
  1624. #audio {
  1625. margin-bottom:10px;
  1626. padding:10px;
  1627. background-color:{color:Blockquote};
  1628. height:80px;}
  1629.  
  1630. .cover {
  1631. width:80px;
  1632. height:80px;
  1633. position:absolute;}
  1634.  
  1635. .cover img {
  1636. z-index:10;
  1637. width:70px;
  1638. height:70px;
  1639. border:5px solid {color:Main};}
  1640.  
  1641. .player {
  1642. margin:15px 0px 0px 100px;}
  1643.  
  1644. .audioinfo {
  1645. margin:10px 0px 0px 110px;}
  1646.  
  1647. /* QUOTE POST */
  1648.  
  1649. #quotey {
  1650. background-color:transparent;
  1651. font-size:10px;
  1652. padding:20px;
  1653. }
  1654.  
  1655. #quotes {
  1656. background-color:transparent;
  1657. font-size:20px;
  1658. padding:20px;
  1659. color:{color:Bold};
  1660. font-weight:bold;
  1661. font-style: italic;
  1662. text-shadow: 0 1px 0.2em {color:bold};
  1663. }
  1664.  
  1665. /* ASK POST */
  1666.  
  1667. #noicest {
  1668. background-repeat:no-repeat;
  1669. width:250px;
  1670. height:auto;
  1671. border-bottom:1px solid {color:main};
  1672. }
  1673.  
  1674. #noiceask {
  1675. font-family:'times';
  1676. font-size:25px;
  1677. text-align:center;
  1678. text-transform:uppercase;
  1679. margin-top:10px;
  1680. letter-spacing:2px;
  1681. }
  1682.  
  1683. #noiceask a {
  1684. color:{color:main};
  1685. -moz-transition-duration:1s;
  1686. -webkit-transition-duration:1s;
  1687. -o-transition-duration:1s;
  1688. }
  1689.  
  1690. #noiceask a:hover {
  1691. letter-spacing:3px;
  1692. -moz-transition-duration:1s;
  1693. -webkit-transition-duration:1s;
  1694. -o-transition-duration:1s;
  1695. -webkit-transition: all 0.5s ease-out;
  1696. -moz-transition: all 0.5s ease-out;
  1697. transition: all 0.5s ease-out;
  1698. }
  1699.  
  1700. #noicer {
  1701. width:250px;
  1702. margin-left:auto;
  1703. margin-right:auto;
  1704. margin-top:0px;
  1705. height:auto;
  1706. text-align:center;
  1707. overflow:auto;
  1708. padding-top:10px;
  1709. padding-bottom:10px;
  1710. font-weight:bold;
  1711. font-size:10px;
  1712. }
  1713.  
  1714. /* TAGS */
  1715.  
  1716. #infotext {
  1717. letter-spacing:2px;
  1718. font-size:15px;
  1719. margin-top:10px;
  1720. color:{color:em};
  1721. text-align:center;
  1722. padding:10px;
  1723. border-bottom:1px solid white;
  1724. }
  1725.  
  1726. #infotext a {
  1727. color:{color:Sidelink};
  1728. -o-transition:.5s;
  1729. -ms-transition:.5s;
  1730. -moz-transition:.5s;
  1731. -webkit-transition:.5s;
  1732. transition:.5s;
  1733. }
  1734.  
  1735. #infotext a:hover {
  1736. color:{color:hover};
  1737. -o-transition:.5s;
  1738. -ms-transition:.5s;
  1739. -moz-transition:.5s;
  1740. -webkit-transition:.5s;
  1741. transition:.5s;
  1742. }
  1743.  
  1744. #info a {
  1745. color: {color:Postnotes};
  1746. -o-transition:.5s;
  1747. -ms-transition:.5s;
  1748. -moz-transition:.5s;
  1749. -webkit-transition:.5s;
  1750. transition:.5s;
  1751. }
  1752.  
  1753. #info a:hover {
  1754. opacity:0.5;
  1755. -o-transition:.5s;
  1756. -ms-transition:.5s;
  1757. -moz-transition:.5s;
  1758. -webkit-transition:.5s;
  1759. transition:.5s;
  1760. }
  1761.  
  1762. #iinfo {
  1763. font-size:9px;
  1764. text-align:justify;
  1765. letter-spacing:1px;
  1766. text-transform:none;
  1767. text-shadow:none;
  1768. margin-top:-24px;
  1769. color:{color:bold};
  1770. width:250px;
  1771. margin-bottom:40px;
  1772. -ms-transform: rotate(.5deg); /* IE 9 */
  1773. -webkit-transform: rotate(.5deg); /* Chrome, Safari, Opera */
  1774. transform: rotate(.5deg);
  1775. }
  1776.  
  1777. #iinfo a {
  1778. color:{color:taglink};
  1779. -o-transition:.5s;
  1780. -ms-transition:.5s;
  1781. -moz-transition:.5s;
  1782. -webkit-transition:.5s;
  1783. transition:.5s;
  1784. }
  1785.  
  1786. #iinfo a:hover {
  1787. opacity:0.5;
  1788. -o-transition:.5s;
  1789. -ms-transition:.5s;
  1790. -moz-transition:.5s;
  1791. -webkit-transition:.5s;
  1792. transition:.5s;
  1793. }
  1794.  
  1795. #reblog {
  1796. text-transform:uppercase;
  1797. font-size:9px;
  1798. letter-spacing:3px;
  1799. color:{color:Postnotes};
  1800. }
  1801.  
  1802. #reblog a{
  1803. color:{color:Postnotes};
  1804. }
  1805.  
  1806. #nnotes {
  1807. width:360;
  1808. overflow:hidden;
  1809. height:auto;
  1810. margin-left:15px;
  1811. padding-left:20px;
  1812. text-transform:uppercase;
  1813. font-size:5px;
  1814. color:{color:Text};
  1815. }
  1816.  
  1817. #nnotes a {
  1818. color:{color:Postnotes};
  1819. text-transform:lowercase;
  1820. letter-spacing:1px;
  1821. font-weight:bold;
  1822. font-style:italic;
  1823. }
  1824.  
  1825. /* UPDATE TAB */
  1826.  
  1827. #update {
  1828. width:150px;
  1829. position:fixed;
  1830. margin-left:700px;
  1831. margin-top:150px;
  1832. transition:0.5s ease-in-out;
  1833. -webkit-transition:0.5s ease-in-out;
  1834. -moz-transition:0.5s ease-in-out;
  1835. text-align:justify;
  1836. z-index:99;
  1837.  
  1838. }
  1839.  
  1840. #updatetitle {
  1841. color:{color:text};
  1842. font-weight:bold;
  1843. z-index:99;
  1844. opacity:1;
  1845. font-size:7px;
  1846. letter-spacing:2px;
  1847. }
  1848.  
  1849. #updatetext {
  1850. opacity:0;
  1851. padding-top:200px;
  1852. margin-top:-15px;
  1853. color:{color:text};
  1854. font-size:10px;
  1855. transition:0.5s ease-in-out;
  1856. -webkit-transition:0.5s ease-in-out;
  1857. -moz-transition:0.5s ease-in-out;
  1858. z-index:9;
  1859.  
  1860. }
  1861.  
  1862. #updatetext:hover {
  1863. opacity:1;
  1864. padding-top:20px;
  1865. transition:0.5s ease-in-out;
  1866. -webkit-transition:0.5s ease-in-out;
  1867. -moz-transition:0.5s ease-in-out;
  1868. }
  1869.  
  1870. #uptext {
  1871. background-color:transparent;;
  1872. padding:10px;
  1873. width:110px;
  1874. }
  1875.  
  1876. #uptext a {
  1877. color:{color:bold};
  1878. font-weight:bold;
  1879. }
  1880.  
  1881. /* CREDITS */
  1882.  
  1883. #creda {
  1884. position:fixed;
  1885. bottom:5px;
  1886. right:30px;
  1887. width:20px;
  1888. height:20px;
  1889. font-size:7px;
  1890. font-style:italic;
  1891. text-shadow:none;
  1892. }
  1893.  
  1894. #creda a {
  1895. color:{color:bold};
  1896. text-shadow:none;
  1897. }
  1898.  
  1899.  
  1900.  
  1901.  
  1902.  
  1903.  
  1904.  
  1905.  
  1906. img{
  1907. -webkit-transition: opacity 0.8s linear;
  1908. opacity: 0.40;
  1909. }
  1910. img:hover{
  1911. -webkit-transition: opacity 0.8s linear;
  1912. opacity: 1;
  1913. }
  1914. {CustomCSS}</style></head><body>
  1915.  
  1916.  
  1917. <div id="update"><div id="updatetitle">HOVER</div>
  1918. <div id="updatetext"><div id="uptext">
  1919.  
  1920.  
  1921.  
  1922.  
  1923.  
  1924.  
  1925. <b>In∂ie-Mαтт Jєєναѕ</b><br>
  1926. Name:Mαтт Jєєναѕ (Mail)<br>
  1927. Age: 19<br>
  1928. Gender: Male<br>
  1929. Occupation: Hacker/Spy<br>
  1930. ♡: Single<br>
  1931. <b><a href="http://deathnote.wikia.com/wiki/Matt">[More]</a> </b>
  1932. <p>
  1933. <b>
  1934. ωrιттєη ву тυℓѕ</b>
  1935.  
  1936.  
  1937.  
  1938.  
  1939.  
  1940.  
  1941.  
  1942.  
  1943.  
  1944.  
  1945.  
  1946.  
  1947. </div></div></div>
  1948.  
  1949.  
  1950.  
  1951.  
  1952.  
  1953.  
  1954.  
  1955.  
  1956. </div>
  1957. </div>
  1958.  
  1959.  
  1960.  
  1961.  
  1962. <div id="container">
  1963.  
  1964. <div id="sidelinks">
  1965. <a href="/" title="home">●</a>
  1966. <a href="#?w=460" rel="01" title="Inquire." class="poplight">●</a>
  1967. <a href="#?w=460" rel="02" title="Law." class="poplight">●</a>
  1968. <a href="#?w=460" rel="03" title="About." class="poplight">●</a>
  1969. <a href="#?w=460" rel="04" title=" " class="poplight"> </a>
  1970. <a href="#?w=460" rel="05" title="navigation" class="poplight">●</a>
  1971. <p>
  1972. <div id="sidenext">{block:NextPage}<a href="{NextPage}" title="next">»</a>{/block:NextPage}
  1973. <p>{block:PreviousPage}<a href="{PreviousPage}" title="back">«</a>{/block:PreviousPage}
  1974. </div>
  1975.  
  1976. </div>
  1977.  
  1978. <div id="entries">{block:Posts}<!-- {block:NoRebloggedFrom}
  1979. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1980. {/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}
  1981. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1982. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1983. {/block:ContentSource}<div id="post">
  1984.  
  1985. {block:Text}<h1>{block:Title}<div id="posttitle">{Title}</div>{/block:Title}</h1>{Body}<div id="photo" class="photo"><img src="{PhotoURL-250}">{LinkCloseTag}</div>{block:More} <a href="{Permalink}"><center><b>READ MORE</b></center></a> {/block:More}{/block:Text}
  1986.  
  1987. {block:Photo}{LinkOpenTag}<div id="photo" class="photo"><img src="{PhotoURL-250}">{LinkCloseTag}</div>{block:Caption}{Caption}{block:More} <a href="{Permalink}"><center><b>READ MORE</b></center></a> {/block:More}{/block:Caption}{/block:Photo}
  1988.  
  1989. {block:Photoset}<div id="photo" class="photo">{Photoset-250}</div>{block:Caption}{Caption}{block:More} <a href="{Permalink}"><center><b>READ MORE</b></center></a> {/block:More}{/block:Caption}{/block:Photoset}
  1990.  
  1991. {block:Quote}<div id="quotes">{Quote}</div>{block:Source}<div class="quotey">- {Source}</div>{/block:Source}{/block:Quote}
  1992.  
  1993. {block:Link}<a href="{URL}" {Target}><div id="posttitle">{Name}</div></a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1994.  
  1995. {block:Chat}
  1996. {block:Title}<div id="posttitle">{Title}</div>
  1997. {/block:Title}<br>
  1998. {block:Lines}{block:Label}<strong>{Label}</strong></span>{/block:Label}
  1999. {Line}<br></li>{/block:Lines}</ul>
  2000. {/block:Chat}
  2001.  
  2002. {block:Audio}{block:AudioPlayer}
  2003. <div class="audiowrapper">
  2004. {block:AlbumArt}
  2005. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  2006. {/block:AlbumArt}
  2007.  
  2008. <div class="playerbuttonbg">
  2009. <div class="newplayerbutton">
  2010. <div class="playerbuttonhug">
  2011.  
  2012. {AudioPlayerWhite}
  2013.  
  2014. </div>
  2015. </div>
  2016. </div>
  2017.  
  2018. <div class="trackdetails">
  2019.  
  2020. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  2021. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  2022. {block:Album}Album: {Album}{/block:Album}<br/>
  2023. {PlayCountWithLabel}
  2024.  
  2025. </div>
  2026. </div>
  2027. {/block:AudioPlayer}
  2028.  
  2029. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  2030.  
  2031.  
  2032. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  2033.  
  2034. {block:Answer}<div id="noicest"><div id="noiceask">{Asker}</div><div id="noicer">{Question}</div></div><p>{Answer}{Photo-250}{block:More} <a href="{Permalink}"><center><b>READ MORE</b><br>&nbsp;</center></a> {/block:More}{/block:Answer}
  2035.  
  2036.  
  2037. <div id="infotext">{block:Date}<a title="{TimeAgo}"><big>●</big></a></span>{/block:Date} <a href="{Permalink}" title="{NoteCountWithLabel}"><big>●</big>
  2038. </a>{block:RebloggedFrom} <a href="{ReblogParentURL}"
  2039. title="{ReblogParentTitle}"><big>●</big></a>{/block:RebloggedFrom}</div></div><div id="iinfo">{block:HasTags}{block:Tags} ● <a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}
  2040.  
  2041. </div>
  2042. {block:PostNotes}<div id="postnotes"><div id="nnotes">{PostNotes}</div></div>{/block:PostNotes}
  2043.  
  2044.  
  2045. {/block:Posts}</div></div>
  2046.  
  2047.  
  2048.  
  2049. <div id="creda"><a href="http://withgall.tumblr.com">WITHGALL</a></div>
  2050.  
  2051.  
  2052. </body>
  2053.  
  2054. <div id="01" class="popup_block">
  2055. <div class="popask">
  2056.  
  2057. <p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/mxil.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  2058.  
  2059. </div>
  2060. </div>
  2061.  
  2062.  
  2063. <div id="02" class="popup_block">
  2064. <div class="poptext">
  2065.  
  2066. [ Ｒ Ｕ Ｌ Ｅ Ｓ ]<p>
  2067.  
  2068.  
  2069.  
  2070.  
  2071.  
  2072.  
  2073.  
  2074.  
  2075.  
  2076.  
  2077.  
  2078.  
  2079.  
  2080.  
  2081.  
  2082. </div>
  2083.  
  2084.  
  2085.  
  2086.  
  2087. </div>
  2088. </div>
  2089.  
  2090. <div id="03" class="popup_block">
  2091. <div class="poptext">
  2092.  
  2093. TO BE UPDATED
  2094.  
  2095.  
  2096.  
  2097.  
  2098.  
  2099.  
  2100.  
  2101.  
  2102.  
  2103.  
  2104.  
  2105. </div>
  2106. </div>
  2107.  
  2108. <div id="04" class="popup_block">
  2109. <div class="poptext">
  2110.  
  2111. TO BE UPDATED
  2112.  
  2113.  
  2114.  
  2115.  
  2116.  
  2117.  
  2118.  
  2119. </div>
  2120. </div>
  2121.  
  2122.  
  2123. <div id="05" class="popup_block">
  2124. <div class="popnav"><div id="links"><table id="table" table border="0" cellspacing="" cellpadding="2"><center>
  2125.  
  2126. <tr>
  2127. <td><a href="http://mxil.tumblr.com/tagged/%7B-IC-%7D">IC</a></td>
  2128. <td><a href="http://mxil.tumblr.com/tagged/.-o%CF%85%D1%82%CF%83%C6%92c%CE%B9g%CE%B1r%D1%94%D1%82%D1%82%D1%94%D1%95%3B">OOC</a></td>
  2129. <td><a href="http://mxil.tumblr.com/tagged/answered">Answered</a></td>
  2130. </tr>
  2131.  
  2132. <td><a href="http://mxil.tumblr.com/tagged/.-M%CF%85%D1%95%CE%B9c">MUSIC</a></td>
  2133. <td><a href="http://mxil.tumblr.com/tagged/.-I%CE%B7%D1%82r%CE%B9g%CF%85%D1%94">Intrigue</a></td>
  2134. <td><a href="http://mxil.tumblr.com/tagged/.-M%CF%85%D1%95%CE%B9%CE%B7g%D1%95%3B">Musings</a></td>
  2135. </tr>
  2136.  
  2137. <tr>
  2138. <td><a href="http://mxil.tumblr.com/tagged/quotes">Quotes</a></td>
  2139. <td><a href="/">LINK</a></td>
  2140. <td><a href="http://mxil.tumblr.com/tagged/.-M%D1%94%E2%84%93%E2%84%93%CF%83">Mello</a></td>
  2141. </tr>
  2142.  
  2143.  
  2144. </center></table></div></div></div>
  2145.  
  2146.  
  2147.  
  2148.  
  2149.  
  2150.  
  2151.  
  2152.  
  2153. </div>
  2154.  
  2155. </div>
  2156.  
  2157. </html>
  2158.  
  2159.  
  2160.  
  2161.  
  2162.  
  2163.  
  2164.  
  2165.  
  2166.  
  2167.  
  2168.  
  2169.  
  2170.  
  2171. //www.tumblr.com/ask_form/mxil.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  2172.  
  2173. </div>
  2174. </div>
  2175.  
  2176.  
  2177. <div id="02" class="popup_block">
  2178. <div class="poptext">
  2179.  
  2180. [ Ｒ Ｕ Ｌ Ｅ Ｓ ]<p>
  2181.  
  2182.  
  2183.  
  2184.  
  2185.  
  2186.  
  2187.  
  2188.  
  2189.  
  2190.  
  2191.  
  2192.  
  2193.  
  2194.  
  2195.  
  2196. </div>
  2197.  
  2198.  
  2199.  
  2200.  
  2201. </div>
  2202. </div>
  2203.  
  2204. <div id="03" class="popup_block">
  2205. <div class="poptext">
  2206.  
  2207. TO BE UPDATED
  2208.  
  2209.  
  2210.  
  2211.  
  2212.  
  2213.  
  2214.  
  2215.  
  2216.  
  2217.  
  2218.  
  2219. </div>
  2220. </div>
  2221.  
  2222. <div id="04" class="popup_block">
  2223. <div class="poptext">
  2224.  
  2225. TO BE UPDATED
  2226.  
  2227.  
  2228.  
  2229.  
  2230.  
  2231.  
  2232.  
  2233. </div>
  2234. </div>
  2235.  
  2236.  
  2237. <div id="05" class="popup_block">
  2238. <div class="popnav"><div id="links"><table id="table" table border="0" cellspacing="" cellpadding="2"><center>
  2239.  
  2240. <tr>
  2241. <td><a href="http://mxil.tumblr.com/tagged/%7B-IC-%7D">IC</a></td>
  2242. <td><a href="http://mxil.tumblr.com/tagged/.-o%CF%85%D1%82%CF%83%C6%92c%CE%B9g%CE%B1r%D1%94%D1%82%D1%82%D1%94%D1%95%3B">OOC</a></td>
  2243. <td><a href="http://mxil.tumblr.com/tagged/answered">Answered</a></td>
  2244. </tr>
  2245.  
  2246. <td><a href="http://mxil.tumblr.com/tagged/.-M%CF%85%D1%95%CE%B9c">MUSIC</a></td>
  2247. <td><a href="http://mxil.tumblr.com/tagged/.-I%CE%B7%D1%82r%CE%B9g%CF%85%D1%94">Intrigue</a></td>
  2248. <td><a href="http://mxil.tumblr.com/tagged/.-M%CF%85%D1%95%CE%B9%CE%B7g%D1%95%3B">Musings</a></td>
  2249. </tr>
  2250.  
  2251. <tr>
  2252. <td><a href="http://mxil.tumblr.com/tagged/quotes">Quotes</a></td>
  2253. <td><a href="/">LINK</a></td>
  2254. <td><a href="http://mxil.tumblr.com/tagged/.-M%D1%94%E2%84%93%E2%84%93%CF%83">Mello</a></td>
  2255. </tr>
  2256.  
  2257.  
  2258. </center></table></div></div></div>
  2259.  
  2260.  
  2261.  
  2262.  
  2263.  
  2264.  
  2265.  
  2266.  
  2267. </div>
  2268.  
  2269. </div>
  2270.  
  2271. </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!