Advertisement
Tsunland

Dazai's toes

May 28th, 2017
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.10 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!-- THEME MADE BY BREQ --
  4.  
  5. @justiceofbreq-t.tumblr.com
  6. --------------------------
  7. THEME 13: villainous --
  8. --------------------------
  9. TERMS OF USAGE:
  10. - DO NOT REMOVE THE CREDIT
  11. - DO NOT REDISTRIBUTE
  12. - DO NOT CLAIM AS YOUR OWN
  13. - DO NOT USE AS A BASE
  14. -------------------------->
  15.  
  16. <html>
  17. <head>
  18. <title>{text:browser title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}" />
  23. {/block:Description}
  24.  
  25. <!-- default appearance options -->
  26.  
  27. <meta name="viewport" content="width=device-width, initial-scale=1">
  28. <meta name="color:background" content="#000">
  29. <meta name="color:containerbg" content="#000">
  30. <meta name="color:h1" content="#5d7979">
  31. <meta name="color:h1border" content="#000">
  32. <meta name="color:description" content="#494f4f">
  33. <meta name="color:title" content="#5f7070">
  34. <meta name="color:title shadow" content="#c1c1c1">
  35. <meta name="color:body" content="#767979">
  36. <meta name="color:italic" content="#748f8f" />
  37. <meta name="color:bold" content="#2b2b2b" />
  38. <meta name="color:bold shadow"content="#b6b6b6"/>
  39. <meta name="color:blockquote" content="#151515">
  40. <meta name="color:link" content="#3e5151">
  41. <meta name="color:link hover" content="#fff">
  42. <meta name="color:navtab" content="#3e3e3e">
  43. <meta name="color:navtab shadow" content="#3c5a5a">
  44. <meta name="color:navtab hover" content="#000">
  45. <meta name="color:navlink" content="#3e5151">
  46. <meta name="color:navlink hover" content="#fff">
  47. <meta name="color:permaleft" content="#8c8c8c">
  48. <meta name="color:permalink" content="#8c8c8c"/>
  49. <meta name="color:permalink hover" content="#fff"/>
  50. <meta name="color:tags" content="#767676" />
  51. <meta name="color:tags hover" content="#fff" />
  52. <meta name="color:pagination" content="#505d5a" />
  53. <meta name="color:pagination hover" content="#b0c3bf" />
  54. <meta name="color:tooltiptext" content="#5f7070" />
  55. <meta name="color:tooltipshadow" content="#c1c1c1" />
  56.  
  57. <meta name="if:hover tags" content="1">
  58. <meta name="if:greyscale" content="1">
  59. <meta name="if:container hover" content="1">
  60.  
  61. <meta name="image:background" content="http://static.tumblr.com/cb4f4b450e3d24cdc4b032345c7be3c2/poesisw/borohhm14/tumblr_static_5i8b8kwjv20wgss08wcsk0c0g.jpg" />
  62. <meta name="image:container" content="http://static.tumblr.com/f0be556996c1ee6045f28267cc177cc1/poesisw/CVrohiqnl/tumblr_static_4c4sy82vi24gwccog4so4kcgc.jpg" />
  63. <meta name="image:sidebar" content="http://static.tumblr.com/a1e900eb5c015b50000687f3c061e0e0/poesisw/hRjohiqox/tumblr_static_517umd3jmk08csc4koccc4go4.jpg" />
  64. <meta name="image:h1 image" content="http://static.tumblr.com/f483dc03f0331b2f7abbe013dee03a15/poesisw/sOoohh74y/tumblr_static_8qgf4qr9ovgo4cw0888ck8skg.jpg" />
  65. <meta name="image:navicon" content="http://static.tumblr.com/6969d55d50d5fb38f710ea07bbe938be/poesisw/B0qohhnkb/tumblr_static_co7vn4whe7cow048k0g0g8oo4.png"/>
  66.  
  67.  
  68. <meta name="text:browser title" content="this can be anything you want or just copy paste your blog title here" />
  69. <meta name="text:font size" content="9px" />
  70. <meta name="text:askform" content="blogname" />
  71. <meta name="text:askbox header" content='questions?' />
  72. <meta name="text:askbox text" content="this can be anything, like about the mun" />
  73. <meta name="text:submit header" content="submit" />
  74. <meta name="text:submit text" content="this can be anything, or you can leave it blank" />
  75.  
  76. <meta name="text:home" content="this is meant as your home link tooltip" />
  77. <meta name="text:ask" content="this is meant as your ask/submit popup link tooltip" />
  78. <meta name="text:rules" content="this is meant as your rules popup link tooltip, can be used as other" />
  79. <meta name="text:muse" content="this is meant as your muse popup link tooltip, can be used as other" />
  80.  
  81. <meta name="text:link1" content="link 1"/>
  82. <meta name="text:link1url" content="/"/>
  83. <meta name="text:link2" content="link 2"/>
  84. <meta name="text:link2url" content="/"/>
  85. <meta name="text:link3" content="link 3"/>
  86. <meta name="text:link3url" content="/"/>
  87. <meta name="text:link4" content="link 4"/>
  88. <meta name="text:link4url" content="/"/>
  89. <meta name="text:link5" content="link 5"/>
  90. <meta name="text:link5url" content="/"/>
  91. <meta name="text:link6" content="link 6"/>
  92. <meta name="text:link6url" content="/"/>
  93. <meta name="text:link7" content="link 7"/>
  94. <meta name="text:link7url" content="/"/>
  95. <meta name="text:link8" content="link 8"/>
  96. <meta name="text:link8url" content="/"/>
  97. <!-- scripts -->
  98.  
  99. <script type="text/javascript"
  100. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  101. <script>
  102. $(document).ready(function() {
  103. //
  104. $('a.poplight[href^=#]').click(function() {
  105. var popID = $(this).attr('rel'); //Get Popup Name
  106. var popURL = $(this).attr('href'); //Get Popup href to define size
  107. var query= popURL.split('?');
  108. var dim= query[1].split('&');
  109. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  110. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  111. var popMargTop = ($('#' + popID).height() + 80) / 2;
  112. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  113. //Apply Margin to Popup
  114. $('#' + popID).css({
  115. 'margin-top' : -popMargTop,
  116. 'margin-left' : -popMargLeft
  117. });
  118. $('body').append('<div id="fade"></div>');
  119. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  120. return false;
  121. });
  122. $('a.close, #fade').live('click', function() {
  123. $('#fade , .popup_block').fadeOut(function() {
  124. $('#fade, a.close').remove(); //fade them both out
  125. });
  126. return false;
  127. });
  128. });
  129. </script>
  130.  
  131. <script>
  132.  
  133. $(document).ready(function(){
  134. $("ul#tabs li").click(function(e){
  135. if (!$(this).hasClass("active")) {
  136. var tabNum = $(this).index();
  137. var nthChild = tabNum+1;
  138. $("ul#tabs li.active").removeClass("active");
  139. $(this).addClass("active");
  140. $("ul#tab li.active").removeClass("active");
  141. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  142. }
  143. });
  144. });
  145. </script>
  146.  
  147. <script src="https://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  148.  
  149. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  150.  
  151. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  152.  
  153. <script>
  154. (function($){
  155. $(document).ready(function(){
  156. $("a[title]").style_my_tooltips({
  157. tip_follows_cursor:true,
  158. tip_delay_time:90,
  159. tip_fade_speed:600,
  160. attribute:"title"
  161. });
  162. });
  163. })(jQuery);
  164. </script>
  165.  
  166. <link href="https://fonts.googleapis.com/css?family=Dawning+of+a+New+Day|Oswald|Philosopher|Quicksand|Raleway|Ruthie" rel="stylesheet">
  167.  
  168. </head>
  169.  
  170. <style type="text/css">
  171.  
  172. /*animation key frames*/
  173. /*grow*/
  174. @-webkit-keyframes grow {
  175. from { transform: none; }
  176. 50% { transform: scale(1.3); }
  177. to { transform: none; }}
  178. }
  179.  
  180. @-moz-keyframes grow {
  181. from { transform: none; }
  182. 50% { transform: scale(1.3); }
  183. to { transform: none; }
  184. }
  185.  
  186. @-o-keyframes grow {
  187. from { transform: none; }
  188. 50% { transform: scale(1.3); }
  189. to { transform: none; }
  190. }
  191.  
  192. @keyframes grow {
  193. from { transform: none; }
  194. 50% { transform: scale(1.3); }
  195. to { transform: none; }
  196. }
  197.  
  198. ::-webkit-scrollbar {
  199. width: 4px;
  200. height: 1px;
  201. }
  202. ::-webkit-scrollbar-button {
  203. width: 0px;
  204. height: 0px;
  205. }
  206. ::-webkit-scrollbar-thumb {
  207. background:transparent;
  208. }
  209.  
  210. ::-webkit-scrollbar-track {
  211. background: transparent;
  212. border: 0px none #ffffff;
  213. }
  214.  
  215. ::-webkit-scrollbar-corner {
  216. background: transparent;
  217. }
  218.  
  219. body {
  220. background:#e3e1e1;
  221. background-image: url('{image:background}');
  222. background-position: top left;
  223. background-repeat: no-repeat;
  224. background-attachment: fixed;
  225. margin:0;
  226. font-size: {text:font size};
  227. font-family: arial;
  228. letter-spacing:1.5px;
  229. line-height:130%;
  230. color:{color:body};
  231. -webkit-filter:blur(.2px);
  232. filter:blur(.2px);
  233. }
  234.  
  235. a {
  236. color:{color:link};
  237. text-decoration:none;
  238. letter-spacing:1px;
  239. -webkit-transition: all 0.7s ease;
  240. transition: all 0.7s ease;
  241. -moz-transition: all 0.7s ease;
  242. -o-transition: all 0.7s ease;
  243. }
  244.  
  245. a:hover {
  246. letter-spacing:1px;
  247. text-decoration:none;
  248. color:{color:link hover};
  249. cursor:help;
  250. }
  251.  
  252. b, bold {
  253. font-weight: bold;
  254. font-size:12px;
  255. color:#8e5858;
  256. font-family: 'Oswald', sans-serif;
  257. text-transform:none;
  258. }
  259.  
  260.  
  261. i, italic, em {
  262. font-weight:bold;
  263. font-size:13px;
  264. text-shadow: -1px 0 #8e5858, 0 1px #8e5858, 1px 0 #8e5858, 0 -1px #8e5858;
  265. color:#fff;
  266. padding:2px;
  267. font-family: 'EB Garamond', serif;
  268.  
  269. }
  270.  
  271.  
  272. blockquote {
  273. text-align:justify;
  274. padding-left:10px;
  275. border-left:3px solid {color:blockquote};
  276. margin:15px 0px 10px 0px;
  277. }
  278.  
  279. .caption blockquote {
  280. margin:15px 0px 10px 0px;
  281. }
  282.  
  283. blockquote img {
  284. max-width:100%;
  285. height:auto;
  286. }
  287.  
  288. img {
  289. max-width:100%;
  290. height:auto;
  291. }
  292.  
  293. p {
  294. margin:10px 0 10px 0;
  295. }
  296.  
  297. p:first-of-type {
  298. margin-top:0;
  299. padding-top:0;
  300. }
  301.  
  302. p:last-of-type {
  303. margin-bottom:10px;
  304. padding-bottom:0;
  305. }
  306.  
  307. pre {
  308. white-space: pre-wrap;
  309. white-space: -moz-pre-wrap;
  310. white-space: -pre-wrap;
  311. white-space: -o-pre-wrap;
  312. word-wrap: break-word;
  313. }
  314.  
  315. h1 {
  316. color:{color:h1};
  317. padding:2px;
  318. border:4px double {color:h1border};
  319. font-size:12px;
  320. text-transform:uppercase;
  321. letter-spacing:1px;
  322. text-align:center;
  323. font-family: 'Philosopher', sans-serif;
  324. background-image: url('{image:h1 image}');
  325. background-position:top center;
  326. }
  327.  
  328. h2 {
  329. text-align:center;
  330. font-family: 'Quicksand', sans-serif;
  331. font-size:15px;
  332. }
  333.  
  334. /*customization for list style type*/
  335. ul {
  336. list-style: disc;
  337. padding-left: 20px;
  338. }
  339.  
  340. li {
  341. padding-left: 5px;
  342. }
  343.  
  344. li:before {
  345. display: inline-block;
  346. margin-left: 5px; /* same as padding-left set on li */
  347. width: 1.3em; /* same as padding-left set on li */
  348. }
  349.  
  350. /*customization for post and page titles*/
  351. .title {
  352. font-size:20px;
  353. letter-spacing:0px;
  354. font-weight:100;
  355. text-transform:lowercase;
  356. padding:5px 0px 5px 0px;
  357. text-align:right;
  358. font-family: 'Quicksand', sans-serif;
  359. }
  360.  
  361. #topbar {
  362. position:fixed;
  363. width:100%;
  364. background:{color:containerbg};
  365. height:50px;
  366. }
  367.  
  368. #villain {
  369. text-align:center;
  370. text-transform:uppercase;
  371. font-family: 'Raleway', sans-serif;
  372. font-size:25px;
  373. color:{color:title};
  374. margin-top:20px;
  375. }
  376.  
  377. #villain a{
  378. color:{color:title};
  379. letter-spacing:8px;
  380. text-shadow:0 0 1px black, 0 0 3px black, 0 0 10px {color:title shadow};
  381. }
  382.  
  383. #villain a:hover {
  384. -webkit-filter:blur(1px);
  385. filter:blur(1px);
  386. }
  387.  
  388. /*customization for container*/
  389. #container {
  390. position:fixed;
  391. width:425px;
  392. height:300px;
  393. top:300px;
  394. left:50px;
  395. padding:10px;
  396. overflow-y:scroll;
  397. background:url('{image:container}');
  398. -webkit-mask-image: -webkit-gradient(
  399. linear, center 75%, center bottom,
  400. from(rgba(0,0,0,20)),
  401. to(rgba(20,0,0,0)));
  402. -webkit-transition: all 0.7s ease;
  403. transition: all 0.7s ease;
  404. -moz-transition: all 0.7s ease;
  405. -o-transition: all 0.7s ease;
  406. }
  407.  
  408. #entries {
  409. width:400px;
  410. padding:10px;
  411. padding-left:15px;
  412. background:{color:containerbg};
  413. margin-left:0px;
  414. margin-right:auto;
  415. {block:ifcontainerhover}
  416. opacity:0;
  417. -webkit-transition: all 1s ease;
  418. transition: all 1s ease;
  419. -moz-transition: all 1s ease;
  420. -o-transition: all 1s ease;
  421. {/block:ifcontainerhover}
  422. }
  423.  
  424. #entries:hover {
  425. opacity:1;
  426. }
  427.  
  428. /*customization for posts*/
  429. .posts {
  430. width:100%;
  431. text-align:justify;
  432. margin-top:10px;
  433. margin-bottom:30px;
  434. }
  435.  
  436. .posts:last-child {
  437. margin-bottom:30px;
  438. }
  439.  
  440. {block:permalinkpage}
  441. .posts {
  442. margin-bottom:10px;
  443. }
  444. {/block:permalinkpage}
  445.  
  446. {block:IfGreyscale}
  447. .posts img {
  448. -webkit-filter: grayscale(100%);
  449. -webkit-transition: all 0.6s ease-in-out;
  450. -moz-transition: all 0.6s ease-in-out;
  451. -o-transition: all 0.6s ease-in-out;
  452. -ms-transition: all 0.6s ease-in-out;
  453. transition: all 0.6s ease-in-out;
  454. }
  455.  
  456. .posts img:hover {
  457. -webkit-filter: grayscale(0%);
  458. -webkit-transition: all 0.6s ease-in-out;
  459. -moz-transition: all 0.6s ease-in-out;
  460. -o-transition: all 0.6s ease-in-out;
  461. -ms-transition: all 0.6s ease-in-out;
  462. transition: all 0.6s ease-in-out;
  463. }
  464.  
  465. .html_photoset {
  466. margin-left:20px;
  467. -webkit-filter: grayscale(100%);
  468. -webkit-transition: all 0.6s ease-in-out;
  469. -moz-transition: all 0.6s ease-in-out;
  470. -o-transition: all 0.6s ease-in-out;
  471. -ms-transition: all 0.6s ease-in-out;
  472. transition: all 0.6s ease-in-out;
  473. }
  474.  
  475. .html_photoset:hover {
  476. -webkit-filter: grayscale(0%);
  477. -webkit-transition: all 0.6s ease-in-out;
  478. -moz-transition: all 0.6s ease-in-out;
  479. -o-transition: all 0.6s ease-in-out;
  480. -ms-transition: all 0.6s ease-in-out;
  481. transition: all 0.6s ease-in-out;
  482. }
  483.  
  484. .playerbutton {
  485. width:20px;
  486. height:30px;
  487. overflow:hidden;
  488. position:relative;
  489. z-index:1000;
  490. margin:10px 19px 8px 11px;
  491. }
  492.  
  493. .player {
  494. background-color:#000;
  495. -webkit-border-radius:50px;
  496. -moz-border-radius:50px;
  497. border-radius:100%;
  498. position:absolute;
  499. z-index:1000;
  500. margin-left:35%;
  501. margin-top:11px;
  502. opacity:.8;
  503. }
  504.  
  505. {/block:IfGreyscale}
  506.  
  507. /*customization for permalinks "post info" */
  508. .permaleft {
  509. width:10%;
  510. float:left;
  511. padding-top:9px;
  512. padding-bottom:5px;
  513. padding-right:5px;
  514. padding-left:5px;
  515. background-image:url('{image:h1 image}');
  516. background-position:center center;
  517. border:4px double {color:h1border};
  518. border-right:hidden;
  519. }
  520.  
  521. .permaleft a{
  522. font-size:15px;
  523. padding-left:6px;
  524. text-shadow:0 0 5px #fff;
  525. color:{color:permaleft};
  526. }
  527.  
  528. .permaright {
  529. width:5%;
  530. height:30px;
  531. float:right;
  532. margin-top:-38px;
  533. background-image:url('{image:h1 image}');
  534. background-position:center center;
  535. border:4px double {color:h1border};
  536. border-left:hidden;
  537. }
  538. .permalinks {
  539. text-align: center;
  540. letter-spacing: 15px;
  541. text-transform: uppercase;
  542. line-height: 200%;
  543. padding: 10px;
  544. width:85%;
  545. margin-right:0px;
  546. margin-left:auto;
  547. }
  548.  
  549. .permalinks a{
  550. color: {color:permalink};
  551. font-weight: 100;
  552. margin-right:30px;
  553. text-decoration: none;
  554. -webkit-transition: all 0.7s ease;
  555. transition: all 0.7s ease;
  556. -moz-transition: all 0.7s ease;
  557. -o-transition: all 0.7s ease;
  558. }
  559.  
  560. .permalinks a:hover{
  561. color: rgba(0,0,0,.0);
  562. text-shadow: 0px 0px 2px {color:permalink hover};
  563. }
  564.  
  565. /*customization for tags*/
  566. .tags {
  567. {block:ifhovertags}
  568. opacity:0;
  569. max-height:0px;
  570. {/block:ifhovertags}
  571. width:80%;
  572. margin-left:auto;
  573. margin-right:auto;
  574. text-align:center;
  575. font-size:8px;
  576. margin-top:5px;
  577. -webkit-transition: all 0.7s ease;
  578. transition: all 0.7s ease;
  579. -moz-transition: all 0.7s ease;
  580. -o-transition: all 0.7s ease;
  581. }
  582.  
  583. .tags a {
  584. color:{color:tags};
  585. -webkit-transition: all 0.7s ease;
  586. transition: all 0.7s ease;
  587. -moz-transition: all 0.7s ease;
  588. -o-transition: all 0.7s ease;
  589. }
  590.  
  591. .tags a:hover {
  592. color:{color:tags hover};
  593. -webkit-transition: all 0.7s ease;
  594. transition: all 0.7s ease;
  595. -moz-transition: all 0.7s ease;
  596. -o-transition: all 0.7s ease;
  597. text-shadow:none;
  598. }
  599.  
  600. {block:ifhovertags}
  601. .posts:hover .tags {
  602. opacity:1;
  603. max-height:300px;
  604. -webkit-transition: all 0.7s ease;
  605. transition: all 0.7s ease;
  606. -moz-transition: all 0.7s ease;
  607. -o-transition: all 0.7s ease;
  608. }
  609. {/block:ifhovertags}
  610.  
  611. .notes {
  612. text-align:left;
  613. font-size:{text:font size};
  614. font color:{color:tags};
  615. }
  616.  
  617. ol.notes {
  618. font-size:{text:font size};
  619. font color:{color:tags};
  620. }
  621.  
  622. ol.notes li.note img.avatar {
  623. display:none!important;
  624. }
  625.  
  626. /*customization for sidebar*/
  627. #sidebar {
  628. position:fixed;
  629. background:url('{image:sidebar}');
  630. padding:10px;
  631. top:300px;
  632. left:770px;
  633. width:130px;
  634. overflow-y:scroll;
  635. height:300px;
  636. -webkit-mask-image: -webkit-gradient(
  637. linear, center 75%, center bottom,
  638. from(rgba(0,0,0,20)),
  639. to(rgba(20,0,0,0)));
  640. -webkit-transition: all 0.7s ease;
  641. transition: all 0.7s ease;
  642. -moz-transition: all 0.7s ease;
  643. -o-transition: all 0.7s ease;
  644. }
  645.  
  646. #desc {
  647. background:{color:containerbg};
  648. padding:10px;
  649. height:auto;
  650. text-align:center;
  651. margin-right:auto;
  652. margin-left:auto;
  653. color:{color:description};
  654. {block:ifcontainerhover}
  655. opacity:0;
  656. {/block:ifcontainerhover}
  657. -webkit-transition: all 1s ease;
  658. transition: all 1s ease;
  659. -moz-transition: all 1s ease;
  660. -o-transition: all 1s ease;
  661. }
  662.  
  663. #desc:hover {
  664. opacity:1;
  665. }
  666.  
  667. /*customization for scattered links*/
  668. #magneto img {
  669. height:50px;
  670. -webkit-filter:blur(.8px);
  671. filter:blur(.8px);
  672. -webkit-transition: all .7s ease;
  673. transition: all .7s ease;
  674. -moz-transition: all .7s ease;
  675. -o-transition: all .7s ease;
  676. }
  677.  
  678. #magneto img:hover {
  679. -webkit-filter:blur(0px);
  680. filter:blur(0px);
  681. }
  682.  
  683. #maga {
  684. position:fixed;
  685. top:130px;
  686. left:370px;
  687. -webkit-animation-name: grow;
  688. -webkit-animation-duration: 3s;
  689. -webkit-animation-iteration-count: infinite;
  690. -webkit-animation-direction: alternate;
  691. -webkit-animation-timing-function: linear;
  692. -webkit-animation-fill-mode: forwards;
  693. -webkit-animation-delay: 0s;
  694. }
  695.  
  696. #magr {
  697. position:fixed;
  698. top:200px;
  699. left:200px;
  700. -webkit-animation-name: grow;
  701. -webkit-animation-duration: 3s;
  702. -webkit-animation-iteration-count: infinite;
  703. -webkit-animation-direction: alternate;
  704. -webkit-animation-timing-function: linear;
  705. -webkit-animation-fill-mode: forwards;
  706. -webkit-animation-delay: 0s;
  707. }
  708.  
  709. #magm {
  710. position:fixed;
  711. top:220px;
  712. left:700px;
  713. -webkit-animation-name: grow;
  714. -webkit-animation-duration: 3s;
  715. -webkit-animation-iteration-count: infinite;
  716. -webkit-animation-direction: alternate;
  717. -webkit-animation-timing-function: linear;
  718. -webkit-animation-fill-mode: forwards;
  719. -webkit-animation-delay: 0s;
  720. }
  721.  
  722. /*customization for navigation links*/
  723. .navtab{
  724. font-size:14px;
  725. Position:Fixed;
  726. text-align:center;
  727. color:{color:navtab};
  728. text-shadow:0 0 3px {color:navtab shadow};
  729. width:100%;
  730. bottom:-35px;
  731. padding:4px;
  732. -webkit-filter:blur(.4px);
  733. filter:blur(.4px);
  734. -webkit-transition: 0.8s ease-in-out;
  735. -moz-transition: 0.8s ease-in-out;
  736. -o-transition: 0.8s ease-in-out;
  737. transition: 0.8s ease-in-out;
  738. }
  739.  
  740. .navtab:hover{
  741. bottom:0px;
  742. color:{color:navtab hover};
  743. text-shadow:0 0 3px {color:navtab hover};
  744. }
  745.  
  746. .navcontent{
  747. margin-bottom:0px;
  748. text-align:center;
  749. height:20px;
  750. width:100%;
  751. -webkit-filter:blur(0px);
  752. filter:blur(0px);
  753. }
  754.  
  755. #navlinks {
  756. text-align:center;
  757. margin-top:20px;
  758. text-shadow:none;
  759. }
  760.  
  761. #navlinks a {
  762. color:{color:navlink};
  763. text-transform:uppercase;
  764. font-size:12px;
  765. margin-right:20px;
  766. -webkit-transition: all 0.7s ease;
  767. transition: all 0.7s ease;
  768. -moz-transition: all 0.7s ease;
  769. -o-transition: all 0.7s ease;
  770. }
  771.  
  772. #navlinks a:hover {
  773. color:{color:navlink hover};
  774. cursor:help;
  775. }
  776.  
  777. #navlinks a:hover::before {
  778. content: '[';
  779. padding-right:8px;
  780. opacity:1;
  781. text-shadow: 0px 0px 2px {color:navlink hover};
  782. -webkit-transition: all 0.3s ease;
  783. -moz-transition: all 0.3s ease;
  784. -o-transition: all 0.3s ease;
  785. }
  786.  
  787. #navlinks a:hover::after {
  788. content: ']';
  789. padding-left:8px;
  790. opacity:1;
  791. text-shadow: 0px 0px 2px {color:navlink hover};
  792. -webkit-transition: all 0.3s ease;
  793. -moz-transition: all 0.3s ease;
  794. -o-transition: all 0.3s ease;
  795. }
  796.  
  797. #navlinks a::before {
  798. content: '[';
  799. padding-right:5px;
  800. opacity:0;
  801. text-shadow: 0px 0px 2px {color:navlink};
  802. -webkit-transition: all 0.3s ease;
  803. -moz-transition: all 0.3s ease;
  804. -o-transition: all 0.3s ease;
  805. }
  806.  
  807. #navlinks a::after {
  808. content: ']';
  809. padding-left:5px;
  810. opacity:0;
  811. text-shadow: 0px 0px 2px {color:navlink};
  812. -webkit-transition: all 0.3s ease;
  813. -moz-transition: all 0.3s ease;
  814. -o-transition: all 0.3s ease;
  815. }
  816.  
  817. /*customization for popup blocks */
  818. .popup_block{
  819. display:none;
  820. float:left;
  821. background-color:{color:containerbg};
  822. padding:20px;
  823. position:fixed;
  824. width:300px;
  825. max-height:300px;
  826. top:50%;left:50%;
  827. z-index: 99999;
  828. overflow:auto;
  829. }
  830.  
  831. *html #fade {position: absolute;}
  832. *html .popup_block {position: absolute;}
  833. #fade {
  834. display:none;
  835. position:fixed;
  836. left:0px;
  837. top:0px;
  838. width:100%;
  839. height:100%;
  840. z-index:9999;
  841. background:#000; /* change to #fff for solid white */
  842. opacity:0.5; /* change to opacity:1; */
  843. }
  844.  
  845. /*customization for navigation tables*/
  846. table, th, td {
  847. border: 1px solid {color:blockquote};
  848. }
  849. th, td {
  850. border-bottom: 1px solid {color:blockquote};
  851. }
  852.  
  853.  
  854. table {
  855. width: 90%;
  856. text-align: center;
  857. table-layout: auto;
  858. }
  859.  
  860. th {
  861. width: auto;
  862. margin-right:auto;
  863. margin-left:auto;
  864. text-align: center;
  865. }
  866.  
  867. th, td {
  868. padding:3px;
  869. }
  870.  
  871. .tablenav {
  872. border-collapse: collapse;
  873. width:250px;
  874. margin-left:auto;
  875. margin-right:auto;
  876. margin-bottom:25px;
  877. margin-top:10px;
  878. }
  879.  
  880. .tablenav a
  881. {
  882. display:block;
  883. text-decoration:none;
  884. font-size:7px;
  885. text-transform:uppercase;
  886. font-weight:700;
  887. text-align: center;
  888. letter-spacing:1.5px;
  889. }
  890.  
  891. /*more post stuff*/
  892. .caption {
  893. margin-top:15px;
  894. }
  895.  
  896. .chat {
  897. padding:0;
  898. list-style-type:none;
  899. }
  900.  
  901. .chat .label {
  902. font-weight:bold;
  903. }
  904.  
  905. .quote {
  906. text-align:center;
  907. font-weight:bold;
  908. font-size:20px;
  909. line-height:20px;
  910. margin-bottom:5px;
  911. }
  912.  
  913. .source {
  914. text-align:center;
  915. margin-bottom:10px;
  916. }
  917.  
  918. .media {
  919. position:relative;
  920. display:inline-block;
  921. width:100%;
  922. }
  923.  
  924. .musicwrapper {
  925. position: relative;
  926. display:inline-block;
  927. }
  928.  
  929. .albumimgwrapper {
  930. position: absolute;
  931. opacity:.7;
  932. overflow: hidden;
  933. margin-left:20px;
  934. width: 57px;
  935. height: 55px;
  936. }
  937.  
  938. .pbbg {
  939. position: absolute;
  940. left: 8px;
  941. top: 5px;
  942. width: 30px;
  943. height: 30px;
  944. margin-left:16px;
  945. background-color: transparent;
  946. padding: 10px;
  947. opacity:.4;
  948. filter: alpha(opacity=40);
  949. -moz-opacity: 0.4;
  950. -khtml-opacity: 0.4;
  951. transition: opacity .7s ease-in-out;
  952. -moz-transition: opacity .7s ease-in-out;
  953. -webkit-transition: opacity .7s ease-in-out;
  954. }
  955.  
  956. .pbbg:hover {
  957. opacity: 1;
  958. filter: alpha(opacity=100);
  959. -moz-opacity: 1;
  960. -khtml-opacity: 1;
  961. }
  962.  
  963. .playerbutton {
  964. position: relative;
  965. width: 30px;
  966. height: 30px;
  967. overflow:hidden;
  968. }
  969.  
  970. .pbhug {
  971. position: absolute;
  972. top: -30px;
  973. left: -10px;
  974. }
  975.  
  976. .tumblr_audio_player {
  977. height: 90px;
  978. width: 270px;
  979. }
  980.  
  981. .albuminfo {
  982. padding:10px;
  983. display:inline-block;
  984. margin-left: 90px;
  985. min-height: 75px;
  986. }
  987.  
  988. .asker {
  989. text-align:center;
  990. font-size:45px;
  991. margin-bottom:15px;
  992. text-transform:lowercase;
  993. font-family: 'Dawning of a New Day', cursive;
  994. -webkit-filter:blur(.7px);
  995. }
  996.  
  997. .question {
  998. text-align:center;
  999. padding:3px;
  1000. margin-top:-6px;
  1001. max-height:200px;
  1002. background-image:url('{image:h1 image}');
  1003. background-position:center center;
  1004. border:4px double {color:h1border};
  1005. }
  1006.  
  1007. .answer {
  1008. padding-top:3px;
  1009. }
  1010.  
  1011. /*customization for pagination */
  1012. #pagination {
  1013. color:{color:pagination};
  1014. width:100px;
  1015. position:fixed;
  1016. font-size:12px;
  1017. font-weight:500;
  1018. }
  1019.  
  1020. #pagination a {
  1021. color:{color:pagination};
  1022. -webkit-filter:blur(1px);
  1023. -webkit-transition: 0.8s ease-in;
  1024. -moz-transition: .8s ease-in;
  1025. transition: .8s ease-in;
  1026. }
  1027.  
  1028. #pagination a:hover {
  1029. -webkit-filter:blur(0px);
  1030. color:{color:pagination hover};
  1031. text-shadow:none;
  1032. }
  1033.  
  1034. .retreat {
  1035. position:fixed;
  1036. text-align:right;
  1037. top:550px;
  1038. left:280px;
  1039. }
  1040.  
  1041. .advance {
  1042. position:fixed;
  1043. text-align:left;
  1044. top:550px;
  1045. left:930px;
  1046. }
  1047.  
  1048. /*customization for tooltips */
  1049. #s-m-t-tooltip {
  1050. max-width:300px;
  1051. width:160px;
  1052. text-align:center;
  1053. padding:5px;
  1054. margin:15px 15px 5px 0px;/*how far it appears from link*/
  1055. color:{color:tooltiptext};
  1056. text-shadow:0 0 1px black, 0 0 3px black, 0 0 10px {color:tooltipshadow};
  1057. font-size:12px;
  1058. letter-spacing:0px;
  1059. font-family: 'Philosopher', sans-serif;
  1060. background-image: url('{image:h1 image}');
  1061. background-position:top center;
  1062. border:4px double {color:h1border};
  1063. z-index:99999;/*don't change this*/
  1064. }
  1065.  
  1066. /* DO NOT REMOVE THIS. It's my credit and I worked very hard on it. */
  1067. #mycredit {
  1068. z-index:999999999;
  1069. bottom:5px;
  1070. right:5px;
  1071. height:30px;
  1072. width:30px;
  1073. opacity:.4;
  1074. position:fixed;
  1075. padding:5px;
  1076. -webkit-transition: 0.8s ease-in;
  1077. -moz-transition: .8s ease-in;
  1078. transition: .8s ease-in;
  1079. }
  1080.  
  1081. #mycredit:hover {
  1082. transform:rotate(90deg);
  1083. opacity:1;
  1084. }
  1085.  
  1086. </style>
  1087.  
  1088. </head>
  1089. <body>
  1090.  
  1091.  
  1092. <!--navigation popup links-->
  1093.  
  1094.  
  1095. <!--navigation text links-->
  1096. <div class="navtab">navigation.
  1097. <div class="navcontent">
  1098. <div id="navlinks">
  1099. <a href="{text:link1url}">{text:link1}</a>
  1100. <a href="{text:link2url}">{text:link2}</a>
  1101. <a href="{text:link3url}">{text:link3}</a>
  1102. <a href="{text:link4url}">{text:link4}</a>
  1103. <a href="{text:link5url}">{text:link5}</a>
  1104. <a href="{text:link6url}">{text:link6}</a>
  1105. <a href="{text:link7url}">{text:link7}</a>
  1106. <a href="{text:link8url}">{text:link8}</a>
  1107. </div></div></div>
  1108.  
  1109. <!-- pagination -->
  1110. <div id="pagination">{block:Pagination}
  1111. {block:PreviousPage}<a href="{PreviousPage}" class="retreat" title="retreat">Z.</a> {/block:PreviousPage} {block:NextPage} <a href="{NextPage}" class="advance" title="advance">A.</a></a>
  1112. {/block:NextPage}
  1113. {/block:Pagination}</div>
  1114.  
  1115. <!-- all the post stuff -->
  1116. <div id="container">
  1117. <!--entries-->
  1118. <div id="entries">
  1119. {block:Posts}
  1120.  
  1121. <div class="posts">
  1122.  
  1123. {block:Text}{block:Title}<h2 class="title">{Title}</h1>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  1124.  
  1125. {block:Photo}<div class="media">{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</div>{/block:Photo}
  1126.  
  1127. {block:Photoset}
  1128. <div class="media photoset"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1129. </div>{/block:Photoset}
  1130.  
  1131. {block:Video}<div class="media video">{Video-500}</div>{/block:Video}
  1132.  
  1133. {block:Quote}<div class="quote"><i class="fa fa-quote-left" aria-hidden="true"></i>
  1134. {Quote}<small><small><i class="fa fa-quote-right" aria-hidden="true"></i></small></small>
  1135. </div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}
  1136.  
  1137. {block:Link}<h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  1138.  
  1139. {block:Answer}<div class="asker">{Asker} wondered:</div><div class="question">{Question}</div><div class="answer">{Answer}</div>{/block:Answer}
  1140.  
  1141. {block:Chat}{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<ul class="chat text">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}&nbsp; </span>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
  1142.  
  1143. {block:AudioPlayer}
  1144. <div class="musicwrapper">
  1145. {block:AlbumArt}<div class="albumimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1146. <div class="pbbg"><div class="playerbutton"><div class="pbhug">{AudioPlayerBlack}
  1147. </div></div></div><div class="albuminfo">
  1148. {block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/>{block:Album}Album: {Album}{/block:Album}
  1149. </div></div>{/block:AudioPlayer}
  1150.  
  1151. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1152.  
  1153. <div id="{ShortURL}-hide"><div class="permaleft">{block:Date}<a href="{Permalink}" title="Posted {Timeago} on {DayofMonth} {Month} with n{NoteCount}">●</div>{/block:Date}<div class="permalinks">
  1154. {block:RebloggedFrom}
  1155. <a href="{ReblogParentURL}" title="via:{ReblogParentName}">i</a>
  1156. <a href="{ReblogRootURL}" title="source:{ReblogRootName}">ii</a>
  1157. {/block:RebloggedFrom}
  1158. <a href="{ReblogURL}" title="reblog">iii</a></div><div class="permaright"></div>
  1159.  
  1160. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
  1161. {/block:HasTags}</div>
  1162.  
  1163. </div>
  1164. {block:PostNotes}<div class="notes">{PostNotes}</div>
  1165. {/block:PostNotes}
  1166. {/block:Posts}
  1167.  
  1168.  
  1169. </div>
  1170. </div></div>
  1171.  
  1172.  
  1173. {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom}
  1174. </div></div>
  1175.  
  1176. <!-- DO NOT REMOVE MY CREDIT -->
  1177. <div id="mycredit"><a href="http://rpjustxce.tumblr.com/" title="theme by Justxce Themes"><img src="http://static.tumblr.com/ewpefvd/Uteohiglh/rpj-icon.png"></a></div>
  1178.  
  1179. </div>
  1180.  
  1181. </body>
  1182. <!--only touch this part of the code if you've got popup links-->
  1183.  
  1184. <!----------------- BEGIN POPUPS ------------------------------->
  1185.  
  1186. <!--this is your askbox and submitbox popup -->
  1187. <div id="box1" class="popup_block">
  1188.  
  1189. <h1>{text:askbox header}</h1>
  1190. <p>{text:askbox text}</p>
  1191.  
  1192. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/www.{text:askform}.tumblr.com" width="100%"></iframe>
  1193.  
  1194. <p><p>
  1195.  
  1196. <h1>{text:submit header}</h1>
  1197. <p>{text:submit text}</p>
  1198.  
  1199. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/submit_form/www.{text:askform}.tumblr.com" width="100%"></iframe>
  1200. </div>
  1201.  
  1202. </div></div></div></div></div></div></div></div></div></div>
  1203.  
  1204. <!--this is your rules popup, but it can be used for anything else-->
  1205. <div id="box2" class="popup_block">
  1206.  
  1207. <h1>law</h1><!--you can change this title if you want-->
  1208.  
  1209. <p><!--here starts the content-->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>
  1210.  
  1211. <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>
  1212.  
  1213. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1214.  
  1215. <p><!--here starts the content-->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>
  1216.  
  1217. <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>
  1218.  
  1219. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1220.  
  1221. <p><!--here starts the content-->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>
  1222.  
  1223. <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>
  1224.  
  1225. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1226.  
  1227. </div></div></div></div></div></div></div></div></div></div>
  1228.  
  1229. <!--this is your about/muse popup, but it can be used for anything else-->
  1230. <div id="box3" class="popup_block">
  1231.  
  1232. <h1>about</h1><!--you can change this title if you want-->
  1233.  
  1234. <p><!--here starts the content-->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>
  1235.  
  1236. <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>
  1237.  
  1238. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1239.  
  1240. <p><!--here starts the content-->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>
  1241.  
  1242. <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>
  1243.  
  1244. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1245.  
  1246. <p><!--here starts the content-->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>
  1247.  
  1248. <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>
  1249.  
  1250. <blockquote>Mauris fringilla efficitur mauris, vitae blandit diam consectetur et. Donec hendrerit ligula ac vehicula condimentum.</blockquote>
  1251.  
  1252. </div></div></div></div></div></div></div></div></div></div>
  1253.  
  1254. <!--------------- END POPUPS -------------------->
  1255. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement