API tools faq
paste
Advertisement
eucerin

enknight

eucerin
Jun 23rd, 2020
34
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 59.86 KB | None | 0 0
raw download clone embed print report
  1. <!----------
  2. ＴＨＥＭＥ ＢＹ
  3. 𝐃𝐄𝐒𝐂𝐀𝐑𝐑𝐈𝐀𝐃𝐎
  4.  
  5. Please, be kind.
  6.  
  7. -Don't remove the credit.
  8. -Don't claim as yours.
  9. -Don't take bits of my code for others themes.
  10. -If you use the source viewer to see my code, please, think about how would you feel if this is your code and someone steal form you.
  11. -Edit as much as you please.
  12. -This MY FIRST RELEASED THEME. IF YOU WANT TO COMMISSION A THEME FROM ME YOU CAN GO TO MY PAGE, THANK YOU.
  13.  
  14.  
  15. ＰＬＥＡＳＥ ＤＯ ＮＯＴ ＲＥＭＯＶＥ ＴＨＥ ＣＲＥＤＩＴ
  16. --------->
  17. <html> <head>
  18.  
  19. <title>{title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}
  23. <meta name="description" content="{MetaDescription}" />
  24. {/block:Description}
  25.  
  26.  
  27. <!-- COLORS -->
  28. <meta name="color:background" content="#151515"/>
  29. <meta name="color:text" content="#d1d1d0"/>
  30. <meta name="color:links" content="#ede6e5"/>
  31. <meta name="color:bold" content="#3cbad5"/>
  32. <meta name="color:bold shadow" content="#000000"/>
  33. <meta name="color:big" content="#afd9da"/>
  34. <meta name="color:big shadow" content="#afd9da"/>
  35. <meta name="color:italic" content="#ffffff"/>
  36. <meta name="color:italic shadow" content="#ffffff"/>
  37. <meta name="color:strike" content="#568f9d"/>
  38. <meta name="color:underline" content="#568f9d"/>
  39. <meta name="color:code" content="#859da3"/>
  40. <meta name="color:h1" content="#006683"/>
  41. <meta name="color:h1x" content="#00ceff"/>
  42. <meta name="color:h1xx" content="#060606"/>
  43. <meta name="color:h2" content="#2a9fc1"/>
  44. <meta name="color:h2 shadow" content="#000000"/>
  45. <meta name="color:h3" content="#2a9fc1"/>
  46. <meta name="color:qb" content="#121212"/>
  47. <meta name="color:text pre" content="#d4d4d4"/>
  48. <meta name="color:tags text" content="#2c2c2c"/>
  49. <meta name="color:tags hover" content="#4aadcd"/>
  50. <meta name="color:info text" content="#e0e0e0"/>
  51. <meta name="color:info shadow" content="#000000"/>
  52. <meta name="color:info hover" content="#46deff"/>
  53. <meta name="color:select background" content="#1c1c1c"/>
  54. <meta name="color:select text" content="#42b4d2"/>
  55. <meta name="color:borders" content="#252525"/>
  56. <meta name="color:shadow2" content="#000000"/>
  57. <meta name="color:hover borders" content="#191919"/>
  58. <meta name="color:chatone" content="#668085"/>
  59. <meta name="color:chattwo" content="#232728"/>
  60. <!-- COLORS -->
  61.  
  62.  
  63. <!-------------------------------------------------------------------->
  64.  
  65. <!-- jquery -->
  66. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  67. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  68. <script src="https://secure.static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  69. <!-- TOOLTIPS -->
  70. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  71. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  72. <script>
  73. (function($){
  74. $(document).ready(function(){
  75. $("a[title]").style_my_tooltips({
  76. tip_follows_cursor:true,
  77. tip_delay_time:50,
  78. tip_fade_speed:200,
  79. attribute:"title"
  80. });
  81. });
  82. })(jQuery);
  83. </script>
  84. <!-- TABS -->
  85. <script>
  86. $(document).ready(function() {
  87. $('.tabs .tab-links a').on('click', function(e){var currentAttrValue =
  88. $(this).attr('href');// Show Tabs
  89. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  90. $(this).parent('li').addClass('active').siblings().removeClass('active');e.preventDefault();});});</script>
  91.  
  92. <!-------------------------------------------------------------------->
  93.  
  94.  
  95. <!-- THIS IS FOR THE PHOTOS DO NOT TOUCH PLEASE -->
  96.  
  97. <link href='https://static.tumblr.com/7bmjmb1/eHantn10w/photoset.css' rel='stylesheet' type='text/css'>
  98. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  99. <script>
  100. $(document).ready(function() {
  101. $('.photo-slideshow').pxuPhotoset({
  102. 'ligthbox': true, // uses the default Tumblr lightbox, change to false to use your own
  103. 'rounded' : 'corners', // corners, all or false
  104. 'highRes' : true, // will use high res images
  105. 'gutter' : '3px', // spacing between the images
  106. }, function() {
  107. $(this).animate({opacity:1});
  108. });});
  109. </script>
  110.  
  111. <script>
  112. $(document).ready(function(){
  113. $('.video iframe').each(function(){
  114. var scale = $(this).parents('.video').width() / 400;
  115. $(this).attr({
  116. width: Math.floor($(this).attr('width') * scale),
  117. height: Math.floor($(this).attr('height') * scale)})
  118. ;});});
  119. </script>
  120.  
  121.  
  122.  
  123. <!-- THIS IS FOR THE PHOTOS DO NOT TOUCH PLEASE -->
  124.  
  125.  
  126. <!-- POP UP SCRIPT -->
  127.  
  128. <script type="text/javascript" src=
  129. "https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js">
  130. </script><script type="text/javascript">
  131. //<![CDATA[
  132. $(document).ready(function() {
  133. //
  134. $('a.poplight[href^=#]').click(function() {
  135. var popID = $(this).attr('rel'); //Get Popup Name
  136. var popURL = $(this).attr('href'); //Get Popup href to define size
  137. var query= popURL.split('?');
  138. var dim= query[1].split('&');
  139. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  140. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><\/a>');
  141. var popMargTop = ($('#' + popID).height() + 80) / 2;
  142. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  143. //Apply Margin to Popup
  144. $('#' + popID).css({
  145. 'margin-top' : -popMargTop,
  146. 'margin-left' : -popMargLeft
  147. });
  148. $('body').append('<div id="fade"><\/div>');
  149. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  150. return false;
  151. });
  152. $('a.close, #fade').live('click', function() {
  153. $('#fade , .popup_block, .ask_block').fadeOut(function() {
  154. $('#fade, a.close').remove(); //fade them both out
  155. });
  156. return false;
  157. });
  158. });
  159. //]]>
  160. </script>
  161.  
  162. <!-- POP UP SCRIPT -->
  163.  
  164.  
  165.  
  166. <!-- DROPDOWN MENU -->
  167.  
  168. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  169. <script type="text/javascript">
  170. $(document).ready(function(){
  171. $(".links_body").hide();
  172. $(".links_head").click(function(){
  173. $(this).next(".links_body").slideToggle('fast');
  174. }); }); </script>
  175. <style type="text/css">
  176. .links_list { margin:0px; padding:0px; width:100%;}
  177. .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  178. .links_body { padding:10px; text-align:left; display:none;}
  179. </style>
  180.  
  181. <!-- DROPDOWN MENU -->
  182.  
  183. <style type="text/css">
  184.  
  185.  
  186. /* FONTS */
  187. @import url('https://fonts.googleapis.com/css?family=Oswald|Crimson+Text:400,600i|Dancing+Script|Homemade+Apple|Montserrat|Roboto|Special+Elite|Barlow|Satisfy');
  188. @font-face {font-family:"bitxmap"; src: url("https://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}
  189. /* FONTS */
  190.  
  191.  
  192. iframe.tmblr-iframe {
  193. z-index:99999999999999!important;
  194. top:0!important;
  195. right:0!important;
  196. opacity:0;
  197. padding-right:41px;
  198. /* delete from here */
  199. filter:invert(1);
  200. -webkit-filter:invert(1);
  201. -o-filter:invert(1);
  202. -moz-filter:invert(1);
  203. -ms-filter:invert(1);
  204. /* to here if your blog has a dark background */
  205. transform:scale(0.6);
  206. transform-origin:100% 0;
  207. -webkit-transform:scale(0.6);
  208. -webkit-transform-origin:100% 0;
  209. -o-transform:scale(0.6);
  210. -o-transform-origin:100% 0;
  211. -moz-transform:scale(0.6);
  212. -moz-transform-origin:100% 0;
  213. -ms-transform:scale(0.6);
  214. -webkit-transition: .9s ease-in-out;
  215. -moz-transition: .9s ease-in-out;
  216. -o-transition: .9s ease-in-out;
  217.  
  218. }
  219.  
  220. iframe.tmblr-iframe:hover {
  221. opacity:0.6!important;
  222. -moz-transition-duration:.9s;
  223. -webkit-transition-duration:.9s;
  224. -o-transition-duration:.9s;
  225. }
  226.  
  227. .hcontrols {
  228. position:fixed;
  229. top:0;
  230. right:0;
  231. z-index:999999999;}
  232.  
  233. .hcontrols svg {
  234. width:14px;
  235. height:14px;
  236. padding:9px;}
  237.  
  238. .hcontrols svg path {
  239. fill:#888888;/* change this to change the color of the links */}
  240.  
  241. .hcontrols svg path {
  242. fill:#cccccc;/* change this to change the color of the links on hover */}
  243.  
  244. /* POINTER */
  245.  
  246. *,body {cursor: url(https://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png), progress !important;}
  247. a:hover { cursor:url( https://68.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_okvj5qqS8G1t4i7gb_540.png ), progress !important; }
  248.  
  249. /* POINTER */
  250.  
  251.  
  252.  
  253.  
  254. /* body thingy */
  255.  
  256. body {
  257. background:{color:background} url('https://static.tumblr.com/vjzjlzw/J9Qpsi3kw/background_example_template.png') no-repeat fixed top center;
  258. font-family: 'Roboto', sans-serif;
  259. text-align:justify;
  260. font-size: 10px;
  261. color:{color:text};
  262. }
  263.  
  264. /* body thingy */
  265.  
  266.  
  267. /* links and hovers */
  268.  
  269.  
  270. a {
  271. color:{color:bold};
  272. font-size:10px;
  273. font-family:'roboto', sans-serif;
  274. text-shadow:0px 0px 1px {color:bold};
  275. text-transform:uppercase;
  276. text-decoration:none;
  277. -webkit-transition: all 0.5s ease-in-out;
  278. -moz-transition: all 0.5s ease-in-out;
  279. -o-transition: all 0.5s ease-in-out;
  280. }
  281.  
  282. a:hover {
  283. color:{color:italic};
  284. text-shadow:0px 0px 3px {color:italic shadow};
  285.  
  286. }
  287.  
  288.  
  289.  
  290. /* links and hovers */
  291.  
  292.  
  293. /* SCROLLBAR */
  294.  
  295. ::-webkit-scrollbar-thumb{
  296. background-color: transparent;
  297. border-radius:0px;
  298. height:auto;
  299. }
  300.  
  301. ::-webkit-scrollbar {
  302. height:auto;
  303. width:4px;
  304. border: 1px transparent;
  305. border-radius:0px;
  306. }
  307.  
  308. /* SCROLLBAR */
  309.  
  310.  
  311.  
  312. /* BOLD, ITALIC, SMALL AND OTHERS */
  313.  
  314.  
  315. b, strong, bold {
  316. font-family: 'Montserrat', sans-serif;
  317. letter-spacing: 0px;
  318. color:{color:bold};
  319. text-transform: uppercase;
  320. font-weight: bold;
  321. text-shadow:0px 0px 1px {color:bold shadow};
  322. font-size: 13px;
  323. font-weight:600;
  324.  
  325. }
  326.  
  327. i, em, italic {
  328. color:{color:italic};
  329. text-shadow: 0px 0px 5px {color:italic shadow};
  330. font-weight:400;
  331. font-family: 'Homemade Apple', cursive;
  332. text-transform: lowercase;
  333. font-size: 16px;
  334. letter-spacing: 0px;
  335. line-height:110%;
  336.  
  337. }
  338.  
  339.  
  340. small, sub, sup {
  341. font-size:10px;
  342.  
  343. }
  344.  
  345. strike {
  346. font-size:9px;
  347. text-transform: uppercase;
  348. color:{color:strike};
  349. }
  350.  
  351. u {
  352. text-transform: uppercase;
  353. font-size:9px;
  354. color:{color:underline};
  355. }
  356.  
  357.  
  358. pre {
  359. padding-top:6px;
  360. padding:6px;
  361. width:auto;
  362. text-align: center;
  363. word-wrap: break-word;
  364. color:{color:text pre};
  365. background-color:{color:qb};
  366. border-left:1px solid {color:borders};
  367. border-right: 1px solid {color:borders};
  368. font-family: 'Montserrat', sans-serif;
  369. text-transform:uppercase;
  370. line-height:100%;
  371. letter-spacing:1px;
  372. font-size:7px; }
  373.  
  374. pre a {
  375. text-shadow:0px 0px 4px {color:text};
  376. color:{color:links};
  377. font-family:trebuchet ms;
  378. text-transform:uppercase;
  379. letter-spacing:1px;
  380. font-size:6px; }
  381.  
  382.  
  383.  
  384. code {
  385. font-size: 10px;
  386. font-weight: bold;
  387. color:{color:code};
  388. text-transform:uppercase;
  389. font-family: 'Crimson Text', serif;
  390. }
  391.  
  392. big {
  393. color:{color:big};
  394. font-size: 16px;
  395. text-shadow: 0px 0px 2px {color:big shadow};
  396. font-family:georgia, sans-serif;
  397. }
  398.  
  399.  
  400. h1 {
  401. font-size:20px;
  402. font-family: 'oswald', sans-serif;
  403. background:
  404. -webkit-linear-gradient(left, {color:h1}, {color:h1x}, {color:h1xx});
  405. -webkit-background-clip: text;
  406. -webkit-text-fill-color: transparent;
  407. text-align:center;
  408. text-transform:uppercase;
  409. line-height:100%;
  410. font-weight:900;
  411. letter-spacing:0px;
  412. padding-bottom:-10px;
  413. text-shadow:none;
  414. }
  415.  
  416. h2 {
  417. font-size:18px;
  418. color:{color:h2};
  419. font-weight:bold;
  420. line-height:100%;
  421. text-align: center;
  422. font-family: 'Oswald', sans-serif;
  423. text-shadow: 0px 1px 1px {color:h2 shadow};
  424.  
  425. }
  426.  
  427. h2 small, small h2 {
  428. font-size:11px;
  429. color:{color:big};
  430. font-weight:none;
  431. text-transform:lowercase;
  432. font-family: 'Oswald', sans-serif;
  433. text-shadow: 0px 1px 1px {color:bold shadow};
  434.  
  435. }
  436.  
  437. h3 {
  438. font-size:18px;
  439. font-family: 'georgia', sans-serif;
  440. text-shadow: 0px 1px 1px {color:bold shadow};
  441. text-align:center;
  442. text-transform:lowercase;
  443. font-style:italic;
  444. line-height:100%;
  445. letter-spacing:0px;
  446. padding-bottom:-10px;
  447. color: {color:h3};
  448. }
  449.  
  450. h4 {
  451. padding:5px;
  452. padding-left:auto;
  453. padding-right:auto;
  454. margin-right:3px;
  455. word-wrap: break-word;
  456. text-align:center;
  457. font-family:trebuchet ms;
  458. text-shadow:1px 1px 1px {color:shadow2},
  459. 0px 0px 5px {color:shadow2};
  460. background:{color:qb};
  461. background:url('');
  462. background-repeat:repeat;
  463. background-attachment:fixed;
  464. color:{color:text pre};
  465. border:1px dashed {color:borders};
  466. outline:1px solid {color:qb};
  467. outline-offset:3px;
  468. font-size:8px;
  469. text-transform:uppercase;
  470. letter-spacing:1px;
  471.  
  472. }
  473.  
  474.  
  475. hr {
  476. width:100%;
  477. margin-top:3px;
  478. margin-bottom:3px;
  479. height:2px;
  480. border:none;
  481. background:url('https://i.imgur.com/Y0KvPZd.png');
  482. background-repeat:repeat;
  483. background-attachment:fixed;
  484.  
  485. }
  486.  
  487.  
  488. /* BOLD, ITALIC, SMALL AND OTHERS */
  489.  
  490.  
  491. /* BLOCKQUOTE */
  492.  
  493. blockquote {
  494. padding:0px 5px 0px 10px;
  495. padding-top:0px;
  496. padding-bottom:0px;
  497. text-align:justify;
  498. margin-bottom:10;
  499. margin-left:0px;
  500. width:95%;
  501. border-left:1px solid {color:borders}
  502.  
  503. }
  504.  
  505. blockquote blockquote {
  506. padding:0 0 0 10px;
  507. padding-top:3px;
  508. padding-bottom:3px;
  509.  
  510. }
  511. blockquote, small {
  512. font-size:11px;
  513.  
  514. }
  515.  
  516. blockquote img {
  517. max-width:300px;
  518. padding-top: 5px;
  519. float:right!important;
  520. }
  521.  
  522.  
  523. blockquote img{
  524. max-width:100%;
  525. height:auto;
  526. margin-right:-30px;
  527. margin-left:10px;
  528. }
  529.  
  530. blockquote blockquote img{
  531. float:left!important;
  532. max-width:100%;
  533. height:auto;
  534. margin-left:-30px;
  535. margin-right:10px;
  536. }
  537.  
  538.  
  539. blockquote blockquote blockquote img{
  540. float:right!important;
  541. max-width:100%;
  542. height:auto;
  543. margin-right:-30px;
  544. margin-left:10px;
  545. }
  546.  
  547.  
  548. blockquote blockquote blockquote blockquote img{
  549. float:left!important;
  550. max-width:100%;
  551. height:auto;
  552. margin-left:-30px;
  553. margin-right:10px;
  554. }
  555.  
  556.  
  557. blockquote blockquote blockquote blockquote blockquote img{
  558. float:right!important;
  559. max-width:100%;
  560. height:auto;
  561. margin-right:-30px;
  562. margin-left:10px;
  563. }
  564.  
  565.  
  566. /* BLOCKQUOTE */
  567.  
  568. /* CONTAINER AND POSTS */
  569.  
  570.  
  571. #container {
  572. width:314px;
  573. height:100%;
  574. left:50%;
  575. top:55px;
  576. margin-left:-505px;
  577. font-weight:500;
  578. font-size:11px;
  579. position: fixed;
  580. text-align:justify;
  581. padding-left:2px;
  582. padding-right:5px;
  583. overflow: auto;
  584. -webkit-mask-image:
  585. -webkit-gradient(
  586. linear, center 90%, center top, from(rgba(0,0,0,20)),
  587. to(rgba(20,0,0,0)));
  588. -webkit-mask-image:
  589. -webkit-gradient(
  590. linear, center 90%, center bottom,
  591. from(rgba(0,0,0,20)), to(rgba(20,0,0,0)));
  592. }
  593.  
  594.  
  595. #posts{
  596. width:310px;
  597. overflow-x:hidden;
  598. overflow-y:auto;
  599. text-align:justify;
  600. margin-top:30px;
  601. margin-bottom:5px;
  602. margin-left:5px;
  603. margin-right:10px;
  604. font-size:11px;
  605. line-height:110%;
  606. text-shadow:0px 1px 1px {color:shadow2};
  607. letter-spacing:0px;
  608. color:{color:text};
  609. text-transform: auto;
  610. }
  611.  
  612. #posts img {
  613. height:auto;
  614. max-width:100%;
  615. }
  616.  
  617. #photo img {
  618. width:100%;
  619. -webkit-border-radius:5px;
  620. -moz-border-radius:5px;
  621. border-radius:5px;
  622. }
  623.  
  624. #container img {
  625. height:auto;
  626. max-width:100%;
  627. }
  628.  
  629.  
  630. img {
  631. -webkit-filter:grayscale(50%);
  632. -webkit-transition: all 0.9s ease-in-out;
  633. -moz-transition: all 0.9s ease-in-out;
  634. -o-transition: all 0.9s ease-in-out;
  635. -ms-transition: all 0.9s ease-in-out;
  636. transition: all 0.9s ease-in-out;}
  637.  
  638. .html_photoset {
  639. -webkit-filter: grayscale(50%);
  640. -webkit-transition: all 0.9s ease-in-out;
  641. -moz-transition: all 0.9s ease-in-out;
  642. -o-transition: all 0.9s ease-in-out;
  643. -ms-transition: all 0.9s ease-in-out;
  644. transition: all 0.9s ease-in-out;}
  645.  
  646. img:hover {
  647. -webkit-filter:none;}
  648.  
  649. .html_photoset:hover {
  650. -webkit-filter: none;}
  651.  
  652.  
  653. /* CONTAINER AND POSTS */
  654.  
  655.  
  656.  
  657. /* PHOTOSETS: DO NOT TOUCH THIS BECAUSE ITS FOR THEM TO RE-SIZE WHEN YOU CHANGE THE SIZE OF THE POSTS AND CONTAINER */
  658.  
  659. #vignette,#tumblr_lightbox_caption {visibility:hidden;}
  660. #tumblr_lightbox {background:{color:Background}!important;}
  661. #tumblr_lightbox_left_image,
  662. #tumblr_lightbox_right_image {opacity:0.5!important;}
  663. #tumblr_lightbox_center_image,
  664. #tumblr_lightbox_left_image,
  665. #tumblr_lightbox_right_image {
  666. box-shadow:none!important;
  667. border-radius:0px!important;
  668. }
  669.  
  670.  
  671. .caption {
  672. width:{select:Post size}px;
  673. text-align:justify;
  674. line-height:120%;
  675. }
  676.  
  677.  
  678. /* PHOTOSETS: DO NOT TOUCH THIS BECAUSE ITS FOR THEM TO RE-SIZE WHEN YOU CHANGE THE SIZE OF THE POSTS AND CONTAINER */
  679.  
  680.  
  681.  
  682.  
  683. /* PAGINATION: PAGINATION2 IT'S FOR THE NEXT */
  684.  
  685. #pagination {
  686. position:fixed;
  687. top:480px;
  688. left:50%;
  689. margin-left:260px;
  690. }
  691.  
  692.  
  693. #pagination a {
  694. font-family: times;
  695. text-transform:lowercase;
  696. font-size:40px;
  697. font-weight: cursive;
  698. color: {color:text};
  699. text-shadow:
  700. 1px 1px 0px {color:shadow2},
  701. 1px -1px 0px {color:shadow2},
  702. -1px -1px 0px {color:shadow2},
  703. -1px 1px 0px {color:shadow2},
  704. 0px 1px 0px {color:shadow2},
  705. 0px -1px 0px {color:shadow2},
  706. 1px 0px 0px {color:shadow2},
  707. -1px 0px 0px {color:shadow2},
  708. 0px 0px 7px #fff;
  709. transition-duration: 0.9s;
  710. position:fixed;
  711. opacity:0.8;
  712. z-index:999999;
  713. -webkit-transition: .9s ease-in-out;
  714. -moz-transition: .9s ease-in-out;
  715. -o-transition: .9s ease-in-out;
  716.  
  717. }
  718.  
  719. #pagination a:hover {
  720. opacity:1;
  721. color:{color:qb};
  722. text-shadow:0px 0px 6px #000;
  723. -moz-transition-duration:.9s;
  724. -webkit-transition-duration:.9s;
  725. -o-transition-duration:.9s;
  726. }
  727.  
  728.  
  729. #pagination2 {
  730. position:fixed;
  731. top:500px;
  732. left:50%;
  733. margin-left:260px;
  734. }
  735.  
  736.  
  737. #pagination2 a {
  738. font-family: times;
  739. text-transform:lowercase;
  740. font-size:40px;
  741. font-weight: cursive;
  742. color: {color:text};
  743. text-shadow:
  744. 1px 1px 0px {color:shadow2};,
  745. 1px -1px 0px {color:shadow2},
  746. -1px -1px 0px {color:shadow2},
  747. -1px 1px 0px {color:shadow2},
  748. 0px 1px 0px {color:shadow2},
  749. 0px -1px 0px {color:shadow2},
  750. 1px 0px 0px {color:shadow2},
  751. -1px 0px 0px {color:shadow2},
  752. 0px 0px 7px #fff;
  753. transition-duration: 0.9s;
  754. position:fixed;
  755. opacity:0.8;
  756. z-index:999999;
  757. -webkit-transition: .9s ease-in-out;
  758. -moz-transition: .9s ease-in-out;
  759. -o-transition: .9s ease-in-out;
  760. }
  761.  
  762. #pagination2 a:hover {
  763. opacity:1;
  764. color:{color:qb};
  765. text-shadow:0px 0px 6px #000;
  766. -moz-transition-duration:.9s;
  767. -webkit-transition-duration:.9s;
  768. -o-transition-duration:.9s;
  769. }
  770.  
  771.  
  772.  
  773. /* PAGINATION */
  774.  
  775.  
  776.  
  777.  
  778. /* QUESTIONS AND AUDIO */
  779. #asker {
  780. background:transparent;
  781. padding:10px;
  782. font-family: tahoma;
  783. text-align:center;
  784. margin-top:0px;
  785. text-transform:none;
  786. line-height:100%;
  787. z-index:1;
  788. }
  789.  
  790.  
  791.  
  792. .ppl {
  793. width:auto;
  794. height:auto;
  795. color:{color:bold};
  796. text-align:right;
  797. font-family: 'Oswald', sans-serif;
  798. font-weight:bold;
  799. font-size:30px;
  800. margin-top:3px;
  801. text-transform:uppercase;
  802. padding:5px;
  803. line-height:100%;
  804. }
  805.  
  806. .ppl a {
  807. width:auto;
  808. height:auto;
  809. color:{color:bold};
  810. font-family: 'Oswald', sans-serif;
  811. font-weight:bold;
  812. font-size:30px;
  813. margin-top:3px;
  814. text-align:right;
  815. text-transform:uppercase;
  816. padding:5px;
  817. line-height:100%;
  818.  
  819. }
  820.  
  821. .answer {
  822. font-size:11px;
  823. }
  824.  
  825.  
  826. .assker {
  827. font-size:10px;
  828. font-family:'Montserrat', sans-serif;
  829. text-align:center;
  830. margin-top:0px;
  831. color:{color:text};
  832. border-radius: 0 0 10px 10px;
  833. border-left:5px solid {color:bold};
  834. background:{color:qb};
  835. padding:15px;
  836. z-index:999;
  837. }
  838.  
  839.  
  840.  
  841. .audio {
  842. height:60px;
  843. padding:5px;
  844. margin-bottom:0px;
  845. }
  846. .audio-album {
  847. position:absolute;
  848. width:60px;
  849. }
  850. .audio-player {
  851. opacity:0.6;
  852. filter:alpha(opacity=60);
  853. border:5px solid {color:borders};
  854. width:50px;
  855. height:50px;
  856. overflow:hidden;
  857. position:absolute;
  858. z-index:2;
  859. margin-left:0px;
  860. margin-top:0px;
  861. }
  862. .audio-info {
  863. margin-top:-0px;
  864. position:relative;
  865. margin-left:70px;
  866. padding:8px;
  867. background-color:{color:background}
  868. }
  869.  
  870.  
  871.  
  872. .note {
  873. text-transform:uppercase;
  874. font-style:normal;
  875. letter-spacing:0px;
  876. font-size: 9px;
  877. text-align:left;
  878. line-height:90%;
  879. margin-left:-40px;
  880. }
  881.  
  882.  
  883. .note li {
  884. list-style-type:none;
  885. padding:10px 25px 10px 25px;
  886. text-align:left;
  887. margin:0px;
  888. -moz-transition-duration:0.5s;
  889. -webkit-transition-duration:0.5s;
  890. -o-transition-duration:0.5s;
  891. }
  892.  
  893. /* QUESTIONS AND AUDIO */
  894.  
  895.  
  896.  
  897.  
  898. /* permalinks, info and tags */
  899.  
  900.  
  901. /*PERMALINK & TAGS*/
  902.  
  903.  
  904. #info {
  905. margin-left:-10px;
  906. padding-top:5px;
  907. width:auto;
  908. height:30px;
  909. float:center;
  910. background-image: url('');
  911. background-position:0px 0px;
  912. background-repeat:no-repeat;
  913. }
  914.  
  915.  
  916. #info1 {
  917. margin-left:45px;
  918. margin-top:-35px;
  919. position:absolute;
  920. font-size:16px;
  921. color:#ddd;
  922. text-decoration:none;
  923. transform: rotate(30deg);
  924. -ms-transform: rotate(30deg);
  925. -webkit-transform: rotate(30deg);
  926. -o-transform: rotate(30deg);
  927. -moz-transform: rotate(30deg);
  928. }
  929.  
  930.  
  931. #info2 {
  932. margin-left:100px;
  933. margin-top:-25px;
  934. position:absolute;
  935. font-size:16px;
  936. color:#ddd;
  937. text-decoration:none;
  938. transform: rotate(80deg);
  939. -ms-transform: rotate(80deg);
  940. -webkit-transform: rotate(80deg);
  941. -o-transform: rotate(80deg);
  942. -moz-transform: rotate(80deg);
  943. }
  944.  
  945.  
  946. #info3 {
  947. margin-left:145px;
  948. margin-top:-40px;
  949. position:absolute;
  950. font-size:16px;
  951. color:#ddd;
  952. text-decoration:none;
  953. transform: rotate(70deg);
  954. -ms-transform: rotate(70deg);
  955. -webkit-transform: rotate(70deg);
  956. -o-transform: rotate(70deg);
  957. -moz-transform: rotate(70deg);
  958. }
  959.  
  960.  
  961. #info4 {
  962. margin-left:195px;
  963. margin-top:-25px;
  964. position:absolute;
  965. font-size:16px;
  966. color:#ddd;
  967. text-decoration:none;
  968. transform: rotate(80deg);
  969. -ms-transform: rotate(80deg);
  970. -webkit-transform: rotate(80deg);
  971. -o-transform: rotate(80deg);
  972. -moz-transform: rotate(80deg);
  973. }
  974.  
  975.  
  976. #info1 a, #info2 a, #info3 a, #info4 a {
  977. text-decoration:none;
  978. color:#aaa;
  979. -webkit-transition: all 0.5s ease-out;
  980. -moz-transition: all 0.5s ease-out;
  981. transition: all 0.5s ease-out;
  982. }
  983.  
  984. #info1 a:hover, #info2 a:hover, #info3 a:hover, #info4 a:hover {
  985. color:#ddd;
  986. text-shadow:0px 0px 7px #aaa;
  987. -webkit-transition: all 0.5s ease-out;
  988. -moz-transition: all 0.5s ease-out;
  989. transition: all 0.5s ease-out;
  990. }
  991.  
  992.  
  993.  
  994.  
  995. /*TAGS*/
  996.  
  997. #tags {
  998. width:auto;
  999. height:auto;
  1000. background:{color:qb};
  1001. padding: 5px;
  1002. word-wrap: break-word;
  1003. text-transform:uppercase;
  1004. border-top: dashed 1px #101010;
  1005. border-bottom: dashed 1px #101010;
  1006. letter-spacing:1px;
  1007. padding:10px;
  1008. font-weight:800;
  1009. text-align:center;
  1010. margin-top:-10px;
  1011. margin-left:20px;
  1012. margin-right:20px;
  1013. z-index:3;
  1014.  
  1015. }
  1016.  
  1017. #tags a {
  1018. font-style:trebuchet ms;
  1019. color:{color:tags text};
  1020. text-shadow:1px 1px 1px {color:shadow2};
  1021. font-size:7px;
  1022. -webkit-transition: all 0.5s ease-out;
  1023. -moz-transition: all 0.5s ease-out;
  1024. transition: all 0.5s ease-out;
  1025. }
  1026.  
  1027. #tags a:hover {
  1028. color:{color:tags hover};
  1029. text-shadow:0px 0px 3px {color:tags hover};
  1030. font-style:none;
  1031. -webkit-transition: all 0.5s ease-out;
  1032. -moz-transition: all 0.5s ease-out;
  1033. transition: all 0.5s ease-out;
  1034. }
  1035.  
  1036.  
  1037.  
  1038. /*TAGS*/
  1039.  
  1040.  
  1041. .note {
  1042. text-transform:none;
  1043. letter-spacing:0px;
  1044. font-size:9px;
  1045. text-align:left;
  1046. line-height:100%;
  1047. margin-left:5px;
  1048. }
  1049.  
  1050. .note li {
  1051. list-style-type:decimal;
  1052. padding:0px 5px 10px 25px;
  1053. text-align:left;
  1054. -webkit-transition: all 0.5s ease-in-out;
  1055. -moz-transition: all 0.5s ease-in-out;
  1056. -o-transition: all 0.5s ease-in-out;
  1057. }
  1058.  
  1059.  
  1060. /* permalinks, info and tags */
  1061.  
  1062.  
  1063. /* QUOTES AND SOURCE */
  1064.  
  1065. .quotemarkleft {
  1066. font-size: 130px;
  1067. font-family: 'Georgia';
  1068. font-weight: bold;
  1069. line-height: 100px;
  1070. position: relative;
  1071. margin: 0px 0 -90px 30px;
  1072. color:{color:text};
  1073. opacity: 0.9;
  1074. }
  1075.  
  1076.  
  1077. #quote {
  1078. background:transparent;
  1079. font-family: 'Crimson Text', serif;
  1080. color:{color:text};
  1081. font-size:15px;
  1082. text-align:center;
  1083. line-height:120%;
  1084. padding:5px;
  1085. padding-top:12px;
  1086. padding-bottom:8px;
  1087. }
  1088.  
  1089. .qsource{
  1090. padding-top:3px;
  1091. padding-bottom:1px;
  1092. font-family: 'Cedarville Cursive', cursive;
  1093. font-size:15px;
  1094. text-align:right;
  1095. }
  1096.  
  1097.  
  1098. /* QUOTES AND SOURCE */
  1099.  
  1100.  
  1101.  
  1102.  
  1103.  
  1104. /* SELECTION TEXT AND BG */
  1105.  
  1106.  
  1107. ::selection {
  1108. background:{color:select background};
  1109. color:{color:select text};
  1110. }
  1111.  
  1112. /* SELECTION TEXT AND BG */
  1113.  
  1114.  
  1115.  
  1116. /* CHAT */
  1117.  
  1118. .chat ol {
  1119. padding:0;
  1120. font-family: 'Roboto', sans-serif;
  1121. font-size:7px;
  1122. text-transform:uppercase;
  1123. letter-spacing:1px;
  1124. line-height:180%;
  1125. list-style:none;
  1126. }
  1127.  
  1128. .line.odd {
  1129. background:{color:chatone};
  1130. text-align:right;
  1131. padding:5px;
  1132. border-right:3px solid {color:chattwo};
  1133. }
  1134.  
  1135. .line.even {
  1136. background:{color:chattwo};
  1137. text-align:left;
  1138. padding:5px;
  1139. border-left:3px solid {color:chatone};
  1140. }
  1141.  
  1142. .label {
  1143. font-weight:none;
  1144. font-size:8px;
  1145. padding-right:1px;
  1146. letter-spacing:1px;
  1147. text-transform:uppercase;
  1148. color:{color:text};
  1149. }
  1150.  
  1151. /* CHAT */
  1152.  
  1153.  
  1154.  
  1155. /* CREDIT */
  1156.  
  1157. #credit {
  1158. position:fixed;
  1159. bottom:8px;
  1160. right:15px;
  1161. letter-spacing:0px;
  1162. z-index:99999;
  1163.  
  1164. }
  1165.  
  1166. #credit a{
  1167. color:{color:text};
  1168. font-size:20px;
  1169. font-family: 'Dancing Script', cursive;
  1170. text-transform:uppercase;
  1171. text-shadow: 0px 1px 1px #000;
  1172. display:block;
  1173. height:auto;
  1174. width:auto;
  1175. text-align:center;
  1176. -moz-transition-duration:.9s;
  1177. -webkit-transition-duration:.9s;
  1178. -o-transition-duration:.9s;
  1179.  
  1180. }
  1181.  
  1182. #credit a:hover{
  1183. color:{color:text};
  1184. text-shadow: 0px 0px 5px {color:text};
  1185. text-transform:uppercase;
  1186. -webkit-transition: all 0.8s ease-in-out;
  1187. -moz-transition: all 0.8s ease-in-out;
  1188. -o-transition: all 0.8s ease-in-out;
  1189. -ms-transition: all 0.8s ease-in-out;
  1190. transition: all 0.8s ease-in-out;
  1191.  
  1192. }
  1193.  
  1194.  
  1195. /* CREDIT */
  1196.  
  1197.  
  1198.  
  1199.  
  1200. /* SIDEBAR */
  1201.  
  1202.  
  1203. #sidebar {
  1204. background:#000;
  1205. font-family: 'Roboto', sans-serif;
  1206. font-size:8px;
  1207. color: {color:text};
  1208. width:200px;
  1209. height:110px;
  1210. top:450px;
  1211. left:50%;
  1212. margin-left:6px;
  1213. padding-top:10px;
  1214. line-height:120%;
  1215. text-transform:uppercase;
  1216. text-shadow:0px 1px 1px {color:shadow2};
  1217. text-align:center;
  1218. position:fixed;
  1219. padding-left:14px;
  1220. padding-right:6px;
  1221. overflow-y: scroll;
  1222. overflow-x: hidden;
  1223.  
  1224. }
  1225.  
  1226.  
  1227.  
  1228. /* SIDEBAR */
  1229.  
  1230.  
  1231. /* HOVER LINKS div#qTip */
  1232.  
  1233. .tooltip{
  1234. display: inline;
  1235. position: relative;
  1236. }
  1237.  
  1238.  
  1239. #s-m-t-tooltip {
  1240. padding:6px;
  1241. width:auto;
  1242. max-width:300px;
  1243. background:{color:qb};
  1244. background-image:url('https://i.imgur.com/Y0KvPZd.png');
  1245. background-repeat:repeat;
  1246. background-attachment:fixed;
  1247. text-align:center;
  1248. max-height:300px;
  1249. margin:5px 10px 5px 0px;
  1250. color:{color:text};
  1251. text-shadow:
  1252. 1px 1px 0px #000,
  1253. 1px -1px 0px #000,
  1254. -1px -1px 0px #000,
  1255. -1px 1px 0px #000,
  1256. 0px 1px 0px #000,
  1257. 0px -1px 0px #000,
  1258. 1px 0px 0px #000,
  1259. -1px 0px 0px #000,
  1260. 0px 0px 5px #00a68b;
  1261. border-left: double 3px {color:hover borders};
  1262. border-top: double 3px {color:hover borders};
  1263. border-right: double 3px {color:hover borders};
  1264. border-bottom: double 3px {color:hover borders};
  1265. font-weight:bold;
  1266. font-family: 'arial';
  1267. text-transform:uppercase;
  1268. box-shadow: 0px 0px 3px #000;
  1269. border-radius:5px;
  1270. font-size:8px;
  1271. letter-spacing:1px;
  1272. z-index:99999;
  1273. transition:0.7s ease-in-out;
  1274. -o-transition:0.7s ease-in-out;
  1275. -ms-transition:0.7s ease-in-out;
  1276. -moz-transition:0.7s ease-in-out;
  1277. -webkit-transition:0.7s ease-in-out;
  1278. }
  1279.  
  1280. /* HOVER LINKS */
  1281.  
  1282. /* POP UP */
  1283. .popup_block{
  1284. display:none;
  1285. background-image:transparent;
  1286. background-repeat: no-repeat;
  1287. padding:20px;
  1288. float:left;
  1289. font-family: tahoma;
  1290. height: 10px;
  1291. position:fixed;
  1292. top:370px;
  1293. left:50%;
  1294. margin-left:-105px;
  1295. z-index: 99999;
  1296. overflow-y: scroll;
  1297. overflow-x: hidden;
  1298.  
  1299. }
  1300.  
  1301. *html #fade {position: absolute;}
  1302. *html .popup_block {position: absolute;}
  1303. #fade {
  1304. display:none;
  1305. position:fixed;
  1306. left:0px;
  1307. top:0px;
  1308. width:100%;
  1309. height:100%;
  1310. z-index:9999;
  1311. background:#000; /* change to #fff for solid white #010101 */
  1312. opacity:.8;
  1313. }
  1314.  
  1315. .contenido {
  1316. background-color:#000;
  1317. left:50%;
  1318. margin-left:-503px;
  1319. top:55px;
  1320. height: 100%;
  1321. width: 290px;
  1322. position: fixed;
  1323. font-size:11px;
  1324. font-family: tahoma;
  1325. text-shadow: 0px 1px 1px #000000;
  1326. overflow: auto;
  1327. padding-right:10px;
  1328. padding-left:10px;
  1329. line-height:120%;
  1330. z-index:2;
  1331.  
  1332. }
  1333.  
  1334.  
  1335.  
  1336.  
  1337. .pic img {
  1338. float: left;
  1339. padding: 0px;
  1340. margin-right: 10px;
  1341. width: 64px;
  1342. height: 64px;
  1343. }
  1344.  
  1345. .pic1 img {
  1346. float: left;
  1347. padding: 0px;
  1348. margin-right: 10px;
  1349. width: 64px;
  1350. height: 64px;
  1351. border-radius:100%;
  1352.  
  1353. }
  1354.  
  1355. .pic2 img {
  1356. float: right;
  1357. padding: 0px;
  1358. margin-left: 10px;
  1359. width: 64px;
  1360. height: 64px;
  1361. border-radius:100%;
  1362. }
  1363.  
  1364.  
  1365. .navega{
  1366. text-align:center;
  1367. text-transform:uppercase;
  1368. font-family:tahoma;
  1369. font-size:9px;
  1370. }
  1371.  
  1372. .navega a {
  1373. width:100px;
  1374. margin-left:4px;
  1375. margin-right:4px;
  1376. margin-top:4px;
  1377. margin-bottom:4px;
  1378. display:inline-block;
  1379. background:{color:qb};
  1380. color:{color:text};
  1381. text-shadow:0px 0px 5px {color:bold};
  1382. padding-right:4px;
  1383. padding-left:4px;
  1384. line-height:20px;
  1385. margin-top:2px;
  1386. margin-bottom:2px;
  1387. letter-spacing:1px;
  1388. transition-duration: 0.6s;
  1389. border-left:1px solid {color:qb};
  1390. border-right:1px solid {color:qb};
  1391. border-top:1px solid {color:qb};
  1392. border-bottom:1px solid {color:qb};
  1393. -webkit-transition: .9s ease-in-out;
  1394. -moz-transition: .9s ease-in-out;
  1395. -o-transition: .9s ease-in-out;
  1396. }
  1397.  
  1398. .navega a:hover {
  1399. background:{color:background};
  1400. text-shadow:0px 0px 5px {color:bold};
  1401. color:{color:bold};
  1402. -moz-transition-duration:.9s;
  1403. -webkit-transition-duration:.9s;
  1404. -o-transition-duration:.9s;
  1405. }
  1406.  
  1407.  
  1408.  
  1409. .links_list {
  1410. margin: 0px;
  1411. padding: 10px;
  1412. width: 280px;
  1413. margin-top: 10px;
  1414. margin-right: 10px;
  1415. }
  1416.  
  1417. .links_head {
  1418. color:#d3d1d1;
  1419. text-shadow:1px 1px 0px #131313,
  1420. 1px -1px 0px #131313,
  1421. -1px -1px 0px #131313,
  1422. -1px 1px 0px #131313,
  1423. 0px 1px 0px #131313;
  1424. padding-top: 10px;
  1425. padding-bottom: 10px;
  1426. cursor: pointer;
  1427. font-family: 'Roboto', sans-serif;
  1428. font-size:7px;
  1429. text-transform:uppercase;
  1430. position: relative;
  1431. margin: 0px;
  1432. text-align: right;
  1433. font-size:10px;
  1434. letter-spacing:1px;
  1435. border: 1px solid {color:borders};
  1436. outline: 1px solid {color:borders};
  1437. background:url('https://i.imgur.com/Y0KvPZd.png');
  1438. background-repeat:repeat;
  1439. background-attachment:fixed;
  1440. }
  1441.  
  1442.  
  1443. /* POP UP */
  1444.  
  1445. /* THE LINKS */
  1446.  
  1447. @-webkit-keyframes btmn{
  1448. from {-webkit-transform: scale(0.5);}
  1449. 45% {-webkit-transform: scale(1.0);}
  1450. to {-webkit-transform: scale(0.5);}
  1451. }
  1452. @-webkit-keyframes btmn2{
  1453. from {-webkit-transform: scale(0.8);}
  1454. 25% {-webkit-transform: scale(1.0);}
  1455. to {-webkit-transform: scale(0.8);}
  1456. }
  1457. @-webkit-keyframes btmn3{
  1458. from {-webkit-transform: scale(0.2);}
  1459. 75% {-webkit-transform: scale(1.0);}
  1460. to {-webkit-transform: scale(0.2);}
  1461. }
  1462.  
  1463. .star1 {
  1464. top:490px;
  1465. left:50%;
  1466. margin-left:-90px;
  1467. position:fixed;
  1468. -moz-transition-duration:0.3s;
  1469. -webkit-transition-duration:0.3s;
  1470. -o-transition-duration:0.3s;
  1471. -webkit-transition: all 0.3s ease-in-out;
  1472. -webkit-animation-name: btmn;
  1473. -webkit-animation-duration: 5s;
  1474. -webkit-animation-iteration-count: infinite;
  1475. -webkit-animation-timing-function: ease-in-out;
  1476. transform: rotate(15deg);
  1477. }
  1478.  
  1479. .star2 {
  1480. top:380px;
  1481. left:50%;
  1482. margin-left:90px;
  1483. position:fixed;
  1484. -moz-transition-duration:0.3s;
  1485. -webkit-transition-duration:0.3s;
  1486. -o-transition-duration:0.3s;
  1487. -webkit-transition: all 0.3s ease-in-out;
  1488. -webkit-animation-name: btmn2;
  1489. -webkit-animation-duration: 5s;
  1490. -webkit-animation-iteration-count: infinite;
  1491. -webkit-animation-timing-function: ease-in-out;
  1492. transform: rotate(35deg);
  1493. }
  1494.  
  1495. .star3 {
  1496. top:250px;
  1497. left:50%;
  1498. margin-left:50px;
  1499. position:fixed;
  1500. -moz-transition-duration:0.3s;
  1501. -webkit-transition-duration:0.3s;
  1502. -o-transition-duration:0.3s;
  1503. -webkit-transition: all 0.3s ease-in-out;
  1504. -webkit-animation-name: btmn2;
  1505. -webkit-animation-duration: 5s;
  1506. -webkit-animation-iteration-count: infinite;
  1507. -webkit-animation-timing-function: ease-in-out;
  1508. transform: rotate(25deg);
  1509. }
  1510.  
  1511.  
  1512. .star4 {
  1513. top:160px;
  1514. left:50%;
  1515. margin-left:80px;
  1516. position:fixed;
  1517. -moz-transition-duration:0.3s;
  1518. -webkit-transition-duration:0.3s;
  1519. -o-transition-duration:0.3s;
  1520. -webkit-transition: all 0.3s ease-in-out;
  1521. -webkit-animation-name: btmn;
  1522. -webkit-animation-duration: 5s;
  1523. -webkit-animation-iteration-count: infinite;
  1524. -webkit-animation-timing-function: ease-in-out;
  1525. transform: rotate(15deg);
  1526. }
  1527.  
  1528.  
  1529. .star5 {
  1530. top:205px;
  1531. left:50%;
  1532. margin-left:140px;
  1533. position:fixed;
  1534. -moz-transition-duration:0.3s;
  1535. -webkit-transition-duration:0.3s;
  1536. -o-transition-duration:0.3s;
  1537. -webkit-transition: all 0.3s ease-in-out;
  1538. -webkit-animation-name: btmn;
  1539. -webkit-animation-duration: 5s;
  1540. -webkit-animation-iteration-count: infinite;
  1541. -webkit-animation-timing-function: ease-in-out;
  1542. transform: rotate(45deg);
  1543. }
  1544.  
  1545.  
  1546.  
  1547. .star6 {
  1548. top:350px;
  1549. left:50%;
  1550. margin-left:150px;
  1551. position:fixed;
  1552. -moz-transition-duration:0.3s;
  1553. -webkit-transition-duration:0.3s;
  1554. -o-transition-duration:0.3s;
  1555. -webkit-transition: all 0.3s ease-in-out;
  1556. -webkit-animation-name: btmn2;
  1557. -webkit-animation-duration: 5s;
  1558. -webkit-animation-iteration-count: infinite;
  1559. -webkit-animation-timing-function: ease-in-out;
  1560. transform: rotate(65deg);
  1561. }
  1562.  
  1563.  
  1564.  
  1565. .star7 {
  1566. top:350px;
  1567. left:50%;
  1568. margin-left:0px;
  1569. position:fixed;
  1570. -moz-transition-duration:0.3s;
  1571. -webkit-transition-duration:0.3s;
  1572. -o-transition-duration:0.3s;
  1573. -webkit-transition: all 0.3s ease-in-out;
  1574. -webkit-animation-name: btmn;
  1575. -webkit-animation-duration: 5s;
  1576. -webkit-animation-iteration-count: infinite;
  1577. -webkit-animation-timing-function: ease-in-out;
  1578. transform: rotate(15deg);
  1579. }
  1580.  
  1581. .star1 a, .star2 a, .star3 a, .star4 a, .star5 a, .star6 a, .star7 a {
  1582. color:{color:links};
  1583. font-family: 'Crimson Text', serif;
  1584. font-size:30px;
  1585. font-weight:900;
  1586. display:inline-block;
  1587. text-align:center!important;
  1588. width:50px;
  1589. text-shadow:
  1590. 1px 1px 0px #272827,
  1591. 1px -1px 0px #272827,
  1592. -1px -1px 0px #272827,
  1593. -1px 1px 0px #272827,
  1594. 0px 1px 0px #272827,
  1595. 0px -1px 0px #272827,
  1596. 1px 0px 0px #272827,
  1597. -1px 0px 0px #272827,
  1598. 0px 0px 5px #ddd;
  1599. transition-duration: 0.9s;
  1600. -webkit-transition: .9s ease-in-out;
  1601. -moz-transition: .9s ease-in-out;
  1602. -o-transition: .9s ease-in-out;
  1603. }
  1604.  
  1605. .star1 a:hover, .star2 a:hover, .star3 a:hover, .star4 a:hover, .star5 a:hover, .star6 a:hover, .star7 a:hover {
  1606. color:{color:bold};
  1607. text-shadow:
  1608. 1px 1px 0px #272827,
  1609. 1px -1px 0px #272827,
  1610. -1px -1px 0px #272827,
  1611. -1px 1px 0px #272827,
  1612. 0px 1px 0px #272827,
  1613. 0px -1px 0px #272827,
  1614. 1px 0px 0px #272827,
  1615. -1px 0px 0px #272827,
  1616. 0px 0px 5px #ddd;
  1617. -webkit-transition: .9s ease-in-out;
  1618. -moz-transition: .9s ease-in-out;
  1619. -o-transition: .9s ease-in-out;
  1620. }
  1621.  
  1622.  
  1623. /* THE LINKS */
  1624.  
  1625.  
  1626. </style>
  1627. <body>
  1628.  
  1629.  
  1630.  
  1631. <!-- UPDATES -->
  1632.  
  1633. <!-- LINKS -->
  1634. <div class="grow">
  1635. <div class="star1">
  1636. <a href="/" title="refresh"><img src="https://static.tumblr.com/vjzjlzw/pGRpsi50p/cinema-batman-new-icon.png" width="50px" height="auto"></a>
  1637. </div>
  1638. <div class="star2">
  1639. <a href="#?w=450" rel="askform" class="poplight" title="inquire"><img src="https://static.tumblr.com/vjzjlzw/pGRpsi50p/cinema-batman-new-icon.png" width="50px" height="auto"></a>
  1640. </div>
  1641. <div class="star3">
  1642. <a href="#?w=10" rel="01" class="poplight" title="rules"><img src="https://static.tumblr.com/vjzjlzw/pGRpsi50p/cinema-batman-new-icon.png" width="50px" height="auto"></a>
  1643. </div>
  1644. <div class="star4">
  1645. <a href="#?w=10" rel="02" class="poplight" title="about"><img src="https://static.tumblr.com/vjzjlzw/pGRpsi50p/cinema-batman-new-icon.png" width="50px" height="auto"></a>
  1646. </div>
  1647. <div class="star5">
  1648. <a href="#?w=10" rel="03" class="poplight" title="verses"><img src="https://static.tumblr.com/vjzjlzw/pGRpsi50p/cinema-batman-new-icon.png" width="50px" height="auto"></a>
  1649. </div>
  1650. <div class="star6">
  1651. <a href="#?w=10" rel="04" class="poplight" title="connections"><img src="https://static.tumblr.com/vjzjlzw/pGRpsi50p/cinema-batman-new-icon.png" width="50px" height="auto"></a>
  1652. </div>
  1653. <div class="star7">
  1654. <a href="#?w=10" rel="05" class="poplight" title="navigation"><img src="https://static.tumblr.com/vjzjlzw/pGRpsi50p/cinema-batman-new-icon.png" width="50px" height="auto"></a>
  1655. </div></div>
  1656.  
  1657.  
  1658. <!-- LINKS -->
  1659.  
  1660.  
  1661. <!-- UPDATES -->
  1662.  
  1663. <div id="sidebar">
  1664. <center>
  1665. <h4>IND. SEL. PRI. <b>bruce wayne</b> of the dark knight trilogy.</h4>
  1666. <center><a href=""><i>DARK KNIGHT</i></a></center><br>written by sage
  1667.  
  1668.  
  1669. </center>
  1670. </div>
  1671.  
  1672.  
  1673. <!-- UPDATES -->
  1674.  
  1675.  
  1676. <!-- POP UPS -->
  1677.  
  1678.  
  1679. <!---- ASK FORM POP UP ---->
  1680. <div id="askform" class="popup_block">
  1681. <div class="contenido">
  1682. <pre> <i>MESSAGES.</i> </pre>
  1683. <iframe frameborder="0" height="240" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/enknight.tumblr.com" width="100%"></iframe>
  1684. </div></div>
  1685.  
  1686.  
  1687. <!---- RULES POP UP TAB ---->
  1688. <div id="01" class="popup_block">
  1689. <div class="contenido">
  1690. <br>
  1691. <h4>THE KNIGHTS RULES</h4>
  1692. <p>this is a <strong style="font-size: 14px;">BRUCE WAYNE blog</strong>.</p><blockquote><p>i am duplicate friendly &amp; multi ship.</p></blockquote><p>i have no interest in being silent mutual&rsquo;s. so only follow if you want to interact.&nbsp;<em>big things to know:</em> if you don&rsquo;t cut your posts i will&nbsp;<strong>never&nbsp;</strong>follow back. that&rsquo;s it. that&rsquo;s my big rule.</p><p>i&nbsp; typically&nbsp; write&nbsp; in&nbsp;<strong> small&nbsp; font and minimal formatting</strong>. i use 55x55 icons made by myself, for myself. the psd is edited version of @starhaze psd pack.</p>
  1693. <p>you will find all kinds of ships here.<p><strong>smut will be on this blog !</strong>&nbsp;i tag it as &lsquo;nsfw&rsquo;. i won&rsquo;t put it under a read more &amp; it will be graphic.&nbsp;<em>you&rsquo;ve been warned.</em> however, all visual / graphics of nudity or semi nudity as tagged so that you won&rsquo;t be uncomfortable in public.</p><p>my writing is succinct and to the point with powerful punches of metaphor put in randomly. i&rsquo;m not very purple prose but i don&rsquo;t mind if you are. just know i may write half of what you write. i am always&nbsp;<strong>quality</strong> over quantity.</p><p>if we had disagreements in the past, that&rsquo;s where i&rsquo;ve left it. if you want to approach me again, etc. that&rsquo;s fine. i&rsquo;ve moved on. i won&rsquo;t respond to any drama, nor will i entertain those who do. i won&rsquo;t interact with call outs.</p>
  1694. <h4>misc.</h4><p>Sage . 27 .</p><p>i only use tumblr instant message / inbox for communication with new mutuals for my own comfort . i do not roleplay via email or discord or chatzy .</p>
  1695.  
  1696.  
  1697. </div></div>
  1698.  
  1699.  
  1700. <!---- ABOUT POP UP TAB ---->
  1701.  
  1702. <div id="02" class="popup_block">
  1703. <div class="contenido">
  1704. <br>
  1705. <h4>THE BATMAN</h4>
  1706. <p>faceclaim ; keanu reeves ,</p><p>others ; christain bale, comics </p><p>hair ; brunette</p><p>eye color ; blue</p><p>height ; 6'1&rsquo;&rsquo;</p><p>weight ; 182 pounds.</p><p>build ; lean but solid / military physique maintained</p><h2>in depth.</h2><p>profession ; playboy, hero</p><p>contact ; email, bwayne@wayneenterprises.org .</p><p>family ; parents dead, rachel dawes, dead.</p><p>sibling ; none.</p><p>love interest ; rachel dawes.</p><h2>headcanons.</h2></p><p>*</p><p><em>aesthetics&nbsp;</em>. tired eyes . silk sheets . sunlight seeping through the curtains . bruises . going to bed with your socks on . hearing soft footfalls coming from outside the room . wandering about in an empty building . breakfasts in bed . secret meetings . compassion . the night sky . street lights .&nbsp;</p>
  1707. </div></div>
  1708.  
  1709.  
  1710.  
  1711. <!---- VERSES POP UP TAB ---->
  1712.  
  1713.  
  1714. <div id="03" class="popup_block">
  1715. <div class="contenido">
  1716. <br><br>
  1717. <hr>
  1718. <br><br>
  1719.  
  1720. <!---- VERSE BOX 1 ---->
  1721.  
  1722. <div class="links_list">
  1723. <p class="links_head">PLAYBOY BILLIONAIRE / CANON</p>
  1724. <div class="links_body">
  1725.  
  1726. <pre>PLAYBOY BILLIONARE</pre>
  1727. <div class="pic"><img src="https://66.media.tumblr.com/7e6d7cf93bdab987c282cd20995b4d85/tumblr_inline_psk1ykfqVl1wepr2u_75sq.png"><p>
  1728. <b>Name</b>: BRUCE WAYNE
  1729. <br><b>faceclaim</b>: KEANU REEVES
  1730. <br><b>Age</b>: 30s
  1731. <br>
  1732. <center><br><a href="/tagged/PLAYBOY%20BILLIONAIRE%20.%20(%20v."><i>PLAYBOY BILLIONAIRE</i></a></center>
  1733. <p>SET IN THE DARK KNIGHT TRILOGY , bruce is a man who leads two lives . he is not only the batman but BRUCE WAYNE , of WAYNE ENTERPRISES . he uses his money and fame to fund his crime fighting endeavors & to keep people from knowing about his double life.</p>
  1734.  
  1735. <blockquote>THIS VERSE IS USED whenever bruce is not acting as batman, but as his playboy self.</blockquote>
  1736.  
  1737. </div></div></div>
  1738.  
  1739.  
  1740. <!---- VERSE BOX 2 ---->
  1741.  
  1742. <div class="links_list">
  1743. <p class="links_head">THE DARK KNIGHT / CANON</p>
  1744. <div class="links_body">
  1745.  
  1746. <pre>THE DARK KNIGHT</pre>
  1747.  
  1748. <div class="pic"><img src="https://66.media.tumblr.com/029de72e7a39603dff7abfd1385a7f55/tumblr_inline_pslk5pihjf1wepr2u_1280.png"><p>
  1749. <b>Name</b>: THE BATMAN / THE DARK KNIGHT
  1750. <br><b>faceclaim</b>: CHRISTIAN BALE
  1751. <br><b>Age</b>: 30s
  1752. <br>
  1753. <center><br><a href="/tagged/THE%20DARK%20KNIGHT%20.%20(%20v."><i>THE DARK KNIGHT</i></a></center>
  1754. <p>SET IN THE DARK KNIGHT TRIOLOGY , batman crusades within Gotham to keep the city safe. as batman he uses bats to scare his attackers so they can share the same fear he has. he fights many villains and saves lots of people. you never know who he might meet next.</p>
  1755.  
  1756. <blockquote>THIS VERSE IS USED whenever bruce is acting as batman, and is wearing his mask.</blockquote>
  1757.  
  1758. </div></div></div>
  1759.  
  1760.  
  1761. <!---- VERSE BOX 3 ---->
  1762.  
  1763. <div class="links_list">
  1764. <p class="links_head">THE BATMAN / CANON</p>
  1765. <div class="links_body">
  1766.  
  1767. <pre>THE BATMAN</pre>
  1768. <div class="pic"><img src="https://66.media.tumblr.com/ca6d2481fab78a20646d35d49874bab2/tumblr_inline_pslkkrgXjb1wepr2u_1280.png"><p>
  1769. <b>Name</b>: THE BATMAN
  1770. <br><b>faceclaim</b>: COMIC MATERIAL
  1771. <br><b>Age</b>: 30s
  1772. <br>
  1773. <center><br><a href="/tagged/THE%20BATMAN%20.%20(%20v."><i>THE BATMAN</i></a></center>
  1774. <p>SET IN THE COMIC BOOK WORLD , batman crusades Gotham and works alongside the justice league and sometimes in crossovers with the avengers and other heroes.</p>
  1775.  
  1776. <blockquote>THIS VERSE IS USED whenever batman / bruce is interacting with comic book / cartoon characters.</blockquote>
  1777.  
  1778. </div></div></div>
  1779.  
  1780. <!---- VERSE BOX 4
  1781.  
  1782. <div class="links_list">
  1783. <p class="links_head">read more +</p>
  1784. <div class="links_body">
  1785.  
  1786. <pre>Verse name in here</pre>
  1787. <div class="pic"><img src="https://static.tumblr.com/6za7fhh/OPEoxqus1/angheledis.png"><p>
  1788. <b>Name</b>:
  1789. <br><b>faceclaim</b>:
  1790. <br><b>Age</b>:
  1791. <br><b>Place of Birth</b>:
  1792. <u>Physical description:</u>
  1793. <br><b>Height</b>:
  1794. <br><b>Weight</b>:.
  1795. <br><b>Hair color</b>:
  1796. <br><b>Eyes color</b>:
  1797. <br>
  1798. <center><br><a href="/tagged/( . )"><i>Can you hear my heart beat?</i></a></center>
  1799. <p>Morbi ultrices ultricies risus, nec aliquam lorem eleifend id. Quisque sodales ipsum eros, efficitur vestibulum nulla dapibus non. Aliquam cursus, nulla pulvinar placerat vulputate, tortor est tristique mauris, sed cursus purus lorem a libero. Aliquam erat volutpat.</p>
  1800.  
  1801. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1802.  
  1803. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu suscipit orci. Donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. <i>Sed accumsan at erat at sagittis.Suspendisse potenti</i>. Vestibulum orci purus, sagittis id tellus quis, blandit imperdiet ex. Suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu <b>lacinia lectus</b> ipsum sed urna. Integer sem ante, posuere sit amet nulla vitae, posuere fringilla nunc.</p>
  1804. </div></div></div>
  1805. ---->
  1806.  
  1807. </div></div>
  1808.  
  1809.  
  1810. <!---- VERSES POP UP TAB ---->
  1811.  
  1812.  
  1813. <div id="04" class="popup_block">
  1814. <div class="contenido">
  1815.  
  1816. <!---- CONNECTIONS POP UP TAB ---->
  1817.  
  1818. <li>
  1819. <div class="contenido">
  1820.  
  1821. <br><br>
  1822.  
  1823. <!---- CONNECTIONS 1 ---->
  1824.  
  1825. <div class="pic1"><img src="https://66.media.tumblr.com/d8e94f5302f59eda21e61591a09bd3f3/tumblr_inline_psllu6nIZc1wepr2u_540.png"><p>
  1826. <center><br><a href="/"><i>RACHEL DAWES </i></a></center>
  1827. <p>bruce's childhood best friend and love interest. he adores rachel completely and only wants her to be safe. unfortunately she has a knack for trouble.</p>
  1828.  
  1829. <blockquote>Currently open / no mains or excl's.</blockquote>
  1830. </div>
  1831.  
  1832. <!---- CONNECTIONS 2 ---->
  1833.  
  1834. <br><br>
  1835.  
  1836. <div class="pic2"><img src="https://66.media.tumblr.com/67422a7120d50daa3447824aa73d95ac/tumblr_inline_pslm45Cfxa1wepr2u_1280.png"><p>
  1837. <center><br><a href="BLOG URL"><i>CATWOMAN</i></a></center>
  1838. <p>.</p>
  1839.  
  1840. <blockquote>Currently open / no mains or excl's.</blockquote></div>
  1841.  
  1842. <!---- CONNECTIONS 3 ---->
  1843.  
  1844. <br><br>
  1845.  
  1846. <div class="pic1"><img src="https://66.media.tumblr.com/67422a7120d50daa3447824aa73d95ac/tumblr_inline_pslm45Cfxa1wepr2u_1280.png"><p>
  1847. <center><br><a href="BLOG URL"><i>SUPERMAN</i></a></center>
  1848. <p>.</p>
  1849.  
  1850. <blockquote>Currently open / no mains or excl's.</blockquote></div>
  1851. <!---- CONNECTIONS 4 ---->
  1852.  
  1853. <br><br>
  1854.  
  1855. <div class="pic2"><img src="https://66.media.tumblr.com/67422a7120d50daa3447824aa73d95ac/tumblr_inline_pslm45Cfxa1wepr2u_1280.png"><p>
  1856. <center><br><a href="BLOG URL"><i>AQUAMAN</i></a></center>
  1857. <p>.</p>
  1858.  
  1859. <blockquote>Currently open / no mains or excl's.</blockquote></div>
  1860. <!---- CONNECTIONS 5 ---->
  1861.  
  1862.  
  1863. <br><br>
  1864.  
  1865. <div class="pic1"><img src="https://66.media.tumblr.com/67422a7120d50daa3447824aa73d95ac/tumblr_inline_pslm45Cfxa1wepr2u_1280.png"><p>
  1866. <center><br><a href="BLOG URL"><i>WONDER WOMAN</i></a></center>
  1867. <p>.</p>
  1868.  
  1869. <blockquote>Currently open / no mains or excl's.</blockquote></div>
  1870. <!---- CONNECTIONS 6 ---->
  1871.  
  1872.  
  1873. <br><br>
  1874.  
  1875. <div class="pic2"><img src="https://66.media.tumblr.com/67422a7120d50daa3447824aa73d95ac/tumblr_inline_pslm45Cfxa1wepr2u_1280.png"><p>
  1876. <center><br><a href="BLOG URL"><i>COMMISSIONER GORDON</i></a></center>
  1877. <p>.</p>
  1878.  
  1879. <blockquote>Currently open / no mains or excl's.</blockquote></div>
  1880. <!---- CONNECTIONS 7 ---->
  1881.  
  1882. <br><br>
  1883.  
  1884. <div class="pic1"><img src="https://66.media.tumblr.com/67422a7120d50daa3447824aa73d95ac/tumblr_inline_pslm45Cfxa1wepr2u_1280.png"><p>
  1885. <center><br><a href="BLOG URL"><i>CATWOMAN</i></a></center>
  1886. <p>.</p>
  1887.  
  1888. <blockquote>Currently open / no mains or excl's.</blockquote></div>
  1889. <!---- CONNECTIONS 8 ---->
  1890.  
  1891. <br><br>
  1892.  
  1893. <div class="pic2"><img src="https://66.media.tumblr.com/67422a7120d50daa3447824aa73d95ac/tumblr_inline_pslm45Cfxa1wepr2u_1280.png"><p>
  1894. <center><br><a href="BLOG URL"><i>THE JOKER</i></a></center>
  1895. <p>.</p>
  1896.  
  1897. <blockquote>Currently open / no mains or excl's.</blockquote></div>
  1898. <!---- CONNECTIONS 9 ---->
  1899.  
  1900. <br><br>
  1901.  
  1902. <div class="pic1"><img src="https://66.media.tumblr.com/67422a7120d50daa3447824aa73d95ac/tumblr_inline_pslm45Cfxa1wepr2u_1280.png"><p>
  1903. <center><br><a href="BLOG URL"><i>RA AL GHUL</i></a></center>
  1904. <p>.</p>
  1905.  
  1906. <blockquote>Currently open / no mains or excl's.</blockquote></div>
  1907.  
  1908.  
  1909. <!---- CONNECTIONS 10 ---->
  1910.  
  1911. <br><br>
  1912.  
  1913. <div class="pic2"><img src="https://66.media.tumblr.com/67422a7120d50daa3447824aa73d95ac/tumblr_inline_pslm45Cfxa1wepr2u_1280.png"><p>
  1914. <center><br><a href="BLOG URL"><i>HARVEY DENT</i></a></center>
  1915. <p>.</p>
  1916.  
  1917. <blockquote>Currently open / no mains or excl's.</blockquote></div>
  1918. <!---- CONNECTIONS 9 ---->
  1919.  
  1920. <br><br>
  1921.  
  1922. <div class="pic1"><img src="https://66.media.tumblr.com/67422a7120d50daa3447824aa73d95ac/tumblr_inline_pslm45Cfxa1wepr2u_1280.png"><p>
  1923. <center><br><a href="BLOG URL"><i>ALFRED</i></a></center>
  1924. <p>.</p>
  1925.  
  1926. <blockquote>Currently open / no mains or excl's.</blockquote></div>
  1927. <!---- CONNECTIONS 10 ---->
  1928.  
  1929. <br><br>
  1930.  
  1931. <div class="pic2"><img src="https://66.media.tumblr.com/67422a7120d50daa3447824aa73d95ac/tumblr_inline_pslm45Cfxa1wepr2u_1280.png"><p>
  1932. <center><br><a href="BLOG URL"><i>MR. FOX</i></a></center>
  1933. <p>.</p>
  1934.  
  1935. <blockquote>Currently open / no mains or excl's.</blockquote></div>
  1936.  
  1937. </div></div>
  1938. </div></div>
  1939.  
  1940. <!---- CONNECTIONS POP UP TAB ---->
  1941.  
  1942.  
  1943. <div id="05" class="popup_block">
  1944. <div class="contenido">
  1945. <!---- NAVIGATION POP UP TAB ---->
  1946. <div class="contenido">
  1947.  
  1948. <h4>tags</h4>
  1949. <div class="navega">
  1950. <a href="/tagged/i">SELF</a>
  1951. <a href="/tagged/ii">ABOUT</a>
  1952. </div>
  1953.  
  1954. <div class="navega">
  1955. <a href="/tagged/iii">VERSES</a>
  1956. <a href="/tagged/iv">SAVED</a>
  1957. </div>
  1958.  
  1959. <div class="navega">
  1960. <a href="/tagged/m.">MEMES</a>
  1961. <a href="/tagged/ooc.">OOC.</a>
  1962. </div>
  1963.  
  1964. <div class="navega">
  1965. <a href="/tagged/p.">PROMO</a>
  1966. <a href="/tagged/sp.">SELF PROMO</a>
  1967. </div>
  1968.  
  1969. <h4>BLOGS</h4>
  1970.  
  1971. <div class="navega">
  1972. <a href="http://risaen.tumblr.com">DEAN</a>
  1973. <a href="http://sagewritten.tumblr.com">MULTIMUSE</a>
  1974. </div>
  1975.  
  1976. <h4>CREDITS</h4>
  1977.  
  1978. <div class="navega">
  1979. <a href="http://sagecredit.tumblr.com">CREDITS</a>
  1980. <a href="http://starhaze.tumblr.com">PSD CRED</a>
  1981. </div>
  1982. <!--
  1983. <h4>tags</h4>
  1984.  
  1985. <div class="navega">
  1986. <a href="/tagged/">stuff 1</a>
  1987. <a href="/tagged/">stuff 2</a>
  1988. </div>
  1989.  
  1990. <div class="navega">
  1991. <a href="/tagged/">stuff 3</a>
  1992. <a href="/tagged/">stuff 4</a>
  1993. </div>
  1994.  
  1995. <div class="navega">
  1996. <a href="/tagged/">stuff 5</a>
  1997. <a href="/tagged/">stuff 6</a>
  1998. </div>
  1999. -->
  2000. <!---- NAVIGATION POP UP TAB ---->
  2001.  
  2002.  
  2003. </ul>
  2004. </font></font>
  2005. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  2006.  
  2007. <!-- CREDIT -->
  2008.  
  2009. <div id="credit">
  2010.  
  2011. <a href="https://descarriado.tumblr.com/commissions" title="theme by María."> S</a>
  2012. </div>
  2013. <!-- CREDIT -->
  2014.  
  2015. <div id="pagination">{block:Pagination}
  2016. {block:NextPage}<a href="{NextPage}" title="GO FORWARD!">»</a>
  2017. {/block:NextPage}
  2018. {/block:Pagination}</div>
  2019.  
  2020. <div id="pagination2">{block:Pagination}
  2021. {block:PreviousPage}<a href="{PreviousPage}" title="GO BACK!">«</a>{/block:PreviousPage}
  2022. {/block:Pagination}</div>
  2023. <!-- POST AND CONTAINER -->
  2024. <div id="container">
  2025. {block:Posts}
  2026.  
  2027. <div id="posts">
  2028. {block:Text}<center><h1>{block:Title}{Title}{/block:Title}</h1></center>{Body}{/block:Text}
  2029. {block:Photo}
  2030.  
  2031. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  2032. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  2033.  
  2034. {block:Photoset}
  2035. {Photoset}{block:Caption}{Caption}{/block:Caption}
  2036. {/block:Photoset}
  2037.  
  2038. {block:Video}
  2039. <div class="video">{Video-500}{block:Caption}{Caption}{/block:Caption}</div>
  2040. {/block:Video}
  2041.  
  2042. <!-- POST AND CONTAINER -->
  2043.  
  2044. <!-- QUOTES, CHATS AND AUDIO -->
  2045.  
  2046. {block:Quote}<div class="quotemarkleft"; style=opacity:0.5;>“</div><div ID="quote">{Quote}{block:Source}<br><br> <div style="text-align: right;">— {Source}</div></div>{/block:Source}{/block:Quote}
  2047.  
  2048. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  2049.  
  2050. {block:Chat}
  2051. {block:Title}
  2052. <h2 style="margin-bottom:-4px;">{Title}</h2>
  2053. {/block:Title}
  2054. <div class="chat">
  2055. <ol>{block:Lines}
  2056. <li class="line {Alt}">
  2057. {block:Label}
  2058. <span class="label">
  2059. <b>{Label}</b></span>
  2060. {/block:Label}{Line}</li>
  2061. {/block:Lines}
  2062. </ol></blockquote></div>
  2063. {/block:Chat}
  2064.  
  2065.  
  2066. {block:Audio}
  2067. <div class="audio">{block:AlbumArt}
  2068. <img class="audio-album" src="{AlbumArtURL}">
  2069. {/block:AlbumArt}
  2070. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}
  2071. {/block:AudioPlayer}</div>
  2072. <div class="audio-info">
  2073. {block:TrackName}
  2074. <b>Title:</b> {TrackName}<BR>
  2075. {/block:TrackName}
  2076. {block:Artist}
  2077. <b>Artist:</b> {Artist}<BR>
  2078. {/block:Artist}
  2079. {block:Album}
  2080. <b>Album:</b> {Album}<BR>
  2081. {/block:Album}
  2082. <b>Played</b> <i>{PlayCount}</i> <b>times</b></div></div>
  2083. {block:Caption}<div class="caption">{Caption}</div>
  2084. {/block:Caption}
  2085. {/block:Audio}
  2086.  
  2087. <!-- QUOTES, CHATS AND AUDIO -->
  2088.  
  2089.  
  2090.  
  2091. <!-- QUESTIONS, INFO, TAGS AND POST NOTES -->
  2092.  
  2093. {block:Answer}
  2094. <div id="asker">
  2095. <br><div class="ppl">{Asker}</div>
  2096. <br><div class="assker">{Question}</div><br><p></div><p>
  2097. <div class="caption">{Answer}</div>
  2098. {/block:Answer}
  2099.  
  2100.  
  2101. <div id="info"></div>
  2102. <div id="info1"> <a href="{Permalink}" title="{TimeAgo} - {NoteCountwithlabel}."> ✦ </a> </div>
  2103. <div id="info2"> <a href="{ReblogURL}" title="reblog?."> ✦ </a> </div>
  2104. <div id="info3"> {block:RebloggedFrom}<a title="↺ {ReblogParentName}" href="{ReblogParentURL}" >✦</a>{/block:RebloggedFrom} </div>
  2105. <div id="info4"> {block:ContentSource}
  2106. <a title="src. {SourceTitle}" href="{SourceURL}" target="_blank" title="{SourceTitle}"> ✦ </a>
  2107. {/block:ContentSource}</div>
  2108.  
  2109.  
  2110. <div id="tags">
  2111. {block:HasTags}{block:Tags} <a href="/tagged/{Tag}" title="{Tag}">#{Tag}</a> {/block:Tags}{block:HasTags}
  2112. </div> </div>
  2113. <div class="postnote">
  2114. {block:PostNotes}{PostNotes}{/block:PostNotes}
  2115.  
  2116. </div>
  2117. {/block:Posts}
  2118. </div>
  2119. </div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  2120.  
  2121. <!-- QUESTIONS, INFO, TAGS AND POST NOTES -->
  2122.  
  2123.  
  2124.  
  2125. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  2126.  
  2127. </body>
  2128. </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!