Isandria

rock

Oct 13th, 2017
130
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.69 KB | None | 0 0
  1. <html><head><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--------------------------------------------
  5. THEME #005 BELONGS TO WXBX/SHAMELESSVIRGIN
  6. POR FAVOR NO REMOVER EL CRÉDITO
  7. POR FAVOR NO ROBAR Y DISTRIBUIR
  8. POR FAVOR NO EDITAR Y DISTRIBUIR
  9.  
  10. --------------------------------------------->
  11.  
  12. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  13. <script>
  14. $(document).ready(function() {
  15. //
  16. $('a.poplight[href^=#]').click(function() {
  17. var popID = $(this).attr('rel');
  18. var popURL = $(this).attr('href');
  19. var query= popURL.split('?');
  20. var dim= query[1].split('&');
  21. var popWidth = dim[0].split('=')[1];
  22. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  23. var popMargTop = ($('#' + popID).height() + 80) / 2;
  24. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  25. $('#' + popID).css({
  26. 'margin-top' : -popMargTop,
  27. 'margin-left' : -popMargLeft
  28. });
  29. $('body').append('<div id="fade"></div>');
  30. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  31. return false;
  32. });
  33. $('a.close, #fade').live('click', function() {
  34. $('#fade , .askpopup_block').fadeOut(function() {
  35. $('#fade, a.close').remove();
  36. });
  37. return false;
  38. });
  39. });
  40. </script>
  41.  
  42. <title>{Title}</title>
  43. <link rel="shortcut icon" href="{Favicon}">
  44. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  45. <meta name="description" content="" />
  46. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  47.  
  48.  
  49. <meta name="color:Background" content="#131313">
  50. <meta name="color:Link" content="#7e282b">
  51. <meta name="color:Link Hover" content="#f0f0f0">
  52. <meta name="color:Text" content="#a2a5a5">
  53. <meta name="color:Scrollbar" content="#1a1a1a">
  54. <meta name="color:Blockquote" content="#c6c6c6">
  55. <meta name="color:sidebar border" content="#281f1f">
  56. <meta name="color:post bg" content="#131313">
  57. <meta name="color:info" content="#b63f3f">
  58. <meta name="color:info bg" content="#393939">
  59. <meta name="color:info border" content="#d19b9f">
  60. <meta name="color:info shadow" content="#000000">
  61. <meta name="color:info hover" content="#ffffff">
  62. <meta name="color:tags" content="#656565">
  63. <meta name="color:tags hover" content="#c16b6e">
  64. <meta name="color:ask text" content="#cecece">
  65. <meta name="color:askbg" content="#1d1d1d">
  66. <meta name="color:ask border" content="#ce5a5a">
  67. <meta name="color:bold" content="#943a40">
  68. <meta name="color:italic" content="#ffffff">
  69. <meta name="color:underline" content="#9a2626">
  70. <meta name="color:big" content="#dcdcdc">
  71. <meta name="color:big shadow" content="#252525">
  72. <meta name="color:sidebar links" content="#232020">
  73. <meta name="color:sidebar shadow" content="#e26069">
  74. <meta name="color:sidebar hover" content="#dadada">
  75.  
  76. <meta name="image:Background" content="http://i.imgur.com/5qjapRJ.png"/>
  77. <meta name="image:pre img" content="http://i.imgur.com/QEG38nC.gif"/>
  78.  
  79. <meta name="if:Show 400px posts" content="0"/>
  80.  
  81.  
  82. <meta name="text:link1" content="one">
  83. <meta name="text:link1 url" content="/">
  84. <meta name="text:link2" content="two">
  85. <meta name="text:link2 url" content="/">
  86.  
  87.  
  88. <meta name="text:url" content="url here">
  89.  
  90.  
  91.  
  92.  
  93. <!-- HOVER LINKS -->
  94.  
  95.  
  96. <script type="text/javascript">
  97. WebFontConfig = {
  98. google: { families: [ 'times' ] }
  99. };
  100. (function() {
  101. var wf = document.createElement('script');
  102. wf.src = ('https:' == document.location.protocol ? 'https' : 'http')
  103. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  104. wf.type = 'text/javascript';
  105. wf.async = 'true';
  106. var s = document.getElementsByTagName('script')[0];
  107. s.parentNode.insertBefore(wf, s);
  108. })(); </script>
  109.  
  110.  
  111. <script type="text/javascript">
  112. $(document).ready(function(){
  113. $("ul#tabs li").click(function(e){
  114. if (!$(this).hasClass("active")) {
  115. var tabNum = $(this).index();
  116. var nthChild = tabNum+1;
  117. $("ul#tabs li.active").removeClass("active");
  118. $(this).addClass("active");
  119. $("ul#tab li.active").removeClass("active");
  120. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  121. }
  122. });
  123. });
  124. </script>
  125.  
  126. <!-- HOVER LINKS -->
  127.  
  128. <!-- SCRIPTS -->
  129.  
  130. <!-- FONTS -->
  131.  
  132. <link href="http://fonts.googleapis.com/css?family=IM+Fell+DoublePicaSC" rel="stylesheet" type="text/css">
  133. <link href="http://fonts.googleapis.com/css?family=VT323" rel="stylesheet" type="text/css">
  134. <link href="https://fonts.googleapis.com/css?family=Romanesco" rel="stylesheet">
  135. <link href="http://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css">
  136. <link href="https://fonts.googleapis.com/css?family=Farsan" rel="stylesheet">
  137. <link href="http://fonts.googleapis.com/css?family=Alex+Brush" rel="stylesheet" type="text/css">
  138. <link href="https://fonts.googleapis.com/css?family=Italianno" rel="stylesheet">
  139. <link href='https://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'>
  140. <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  141. <link href='https://fonts.googleapis.com/css?family=Cinzel+Decorative' rel='stylesheet' type='text/css'>
  142. <link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
  143. <link href="http://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet" type="text/css">
  144. <link href="http://fonts.googleapis.com/css?family=Yellowtail|Damion" rel="stylesheet" type="text/css">
  145. <link href="http://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css">
  146. <link href="http://fonts.googleapis.com/css?family=Amatic+SC:400,700" rel="stylesheet" type="text/css">
  147. <link href="https://fonts.googleapis.com/css?family=Bilbo+Swash+Caps" rel="stylesheet">
  148.  
  149. <!-- FONTS -->
  150.  
  151. <style type="text/css">
  152.  
  153. @import url(https://fonts.googleapis.com/css?family=Neuton:800);
  154. @import url(https://fonts.googleapis.com/css?family=Calligraffitti);
  155.  
  156. body {
  157. color: {color:Text};
  158. background-color:#c2ddf0;
  159. background-repeat:no-repeat;
  160. color:{color:text};
  161. font-family:tahoma;
  162. text-align:justify;
  163. font-size:13px;
  164.  
  165. background-image:url("{image:Background}");
  166.  
  167.  
  168. }
  169.  
  170. /* this is for the scrollbar */
  171.  
  172. ::-webkit-scrollbar-thumb{
  173. background-color: transparent;
  174. border-radius:0px;
  175. height:auto;
  176. }
  177.  
  178. ::-webkit-scrollbar {
  179. height:auto;
  180. width:4px;
  181. border: 1px transparent;
  182. border-radius:0px;
  183. }
  184.  
  185.  
  186.  
  187. /* IMESSAGE CHAT POST */
  188. .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:#e5e5ea;color:#000;left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid #e5e5ea;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:#e8f3f9;color:#000}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid #e8f3f9;border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  189. .asked p {
  190. text-align: left;
  191. margin: 0 0px 10px 0px;
  192. padding: 0;
  193. color: #666666;
  194. font-family: 'Inconsolata', Inconsolata;
  195. font-size: 12px;
  196. line-height: 0px;
  197. }
  198. .footerright .viasrc {
  199. float: left;
  200. }
  201. .asked a {
  202. margin:0;padding:0;
  203. }
  204. .user_4{background-color:#55caff;color:#fff}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:#fff}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
  205. .convo {
  206. overflow: hidden;
  207. list-style-type: none;
  208. padding: 0;
  209. margin: 0;
  210. }
  211.  
  212.  
  213.  
  214.  
  215. /* this is for the scrollbar */
  216.  
  217. ::-webkit-scrollbar-thumb{
  218. background-color: transparent;
  219. border-radius:0px;
  220. height:auto;
  221. }
  222.  
  223. ::-webkit-scrollbar {
  224. height:auto;
  225. width:4px;
  226. border: 1px transparent;
  227. border-radius:0px;
  228. }
  229.  
  230.  
  231. /* POP UP */
  232. .askpopup_block {
  233. height:300px;
  234. display: none;
  235. float: left;
  236. position: fixed;
  237. top: 50%;
  238. left: 50%;
  239. z-index: 999999999999;
  240. -webkit-transition: all 0.2s ease-in-out;
  241. -moz-transition: all 0.2s ease-in-out;
  242. -o-transition: all 0.2s ease-in-out;
  243. -ms-transition: all 0.2s ease-in-out;
  244. transition: all 0.2s ease-in-out;
  245. }
  246.  
  247. *html #fade {
  248. position: absolute;
  249. }
  250.  
  251. *html .askpopup_block {
  252. position: absolute;
  253. }
  254.  
  255. #fade {
  256. display:none;
  257. position:fixed;
  258. left:0px;
  259. top:0px;
  260. width:100%;
  261. height:100%;
  262. z-index:9999;
  263. }
  264.  
  265. /* POP UP */
  266.  
  267. /* TOOLTIPS */
  268.  
  269. #s-m-t-tooltip {
  270. max-width:300px;
  271. padding:3px 7px 3px 8px;
  272. margin:-20px 0px 0px 20px;
  273. background-color:{color:background};
  274. box-shadow:2px 2px 4px rgba(0,0,0,.65);
  275. color:{color:text};
  276. font-size:7px;
  277. z-index:999999999999;
  278. letter-spacing:2px;
  279. -webkit-border-radius:5px;
  280. -moz-border-radius:5px;
  281. border-radius:5px;
  282. }
  283.  
  284.  
  285. sub, sup, small {
  286. font-size: 10px;
  287. color:{color:text};
  288. }
  289.  
  290. b, strong {
  291. font-size: 14px;
  292. font-family: 'Neuton', serif;
  293. color:{color:bold};
  294. }
  295.  
  296. i,em{
  297. color:{color:italic};
  298. font-family: 'Farsan', cursive;
  299. font-size:15px;
  300. }
  301.  
  302. code {
  303. font-size: 11px;
  304. letter-spacing:2px;
  305. }
  306.  
  307.  
  308. big{
  309. color:{color:big};
  310. text-shadow: 0px 0px 2px {color:big shadow};
  311. font-family:georgia, sans-serif;
  312. font-size: 17px;
  313. }
  314.  
  315.  
  316. u{
  317. color:{color:underline};
  318. }
  319.  
  320.  
  321. h1 {
  322. font-family: 'Raleway', sans-serif;
  323. text-transform:uppercase;
  324. text-align: center;
  325. font-size:12px;
  326. line-height:100%;
  327. color: {color:blockquote};
  328. }
  329.  
  330. h2 {
  331. font-size:17px;
  332. color: {color:big};
  333. font-weight:bold;
  334. text-shadow: 0px 0px 2px {color:big shadow}}
  335.  
  336. h3 {
  337. font-size:18px;
  338. font-family: 'georgia', sans-serif;
  339. text-shadow: 0px 0px 3px {color:bold shadow};
  340. text-align:center;
  341. text-transform:lowercase;
  342. font-style:italic;
  343. line-height:100%;
  344. letter-spacing:0px;
  345. padding-bottom:-10px;
  346. color: {color:blockquote};
  347. }
  348.  
  349. h4 {
  350. font-size:11px;
  351. font-family: 'Tahoma'
  352. text-align:center;
  353. text-transform:uppercase;
  354. line-height:100%;
  355. letter-spacing:0px;
  356. font-weight:bold;
  357. color: {color:blockquote};
  358. }
  359.  
  360. h12 {
  361. font-size:16px;
  362. text-align:right;
  363. line-height:100%;
  364. letter-spacing:0px;
  365. font-family: 'IM Fell Double Pica SC', serif;
  366. text-shadow: 0px 2px 2px {color:blockquote};
  367. color:{color:text};
  368. text-transform: uppercase;
  369. }
  370.  
  371.  
  372.  
  373. pre {
  374. {block:ifNotShow400pxposts}
  375. width:490px;
  376. {/block:ifNotShow400pxposts}
  377. {block:ifShow400pxposts}
  378. width:400px;
  379. {/block:ifShow400pxposts}
  380. font-family:courier;
  381. background-image:url("{image:pre img}");
  382. text-align:center;
  383. font-size:10px;
  384. word-wrap: break-word;
  385. color:{color:Text};
  386. }
  387.  
  388. blockquote {
  389. background:transparent;
  390. text-align:justify;
  391. padding-left : 10px;
  392. margin-left:10px;
  393. {block:ifNotShow400pxposts}
  394. width:450px;
  395. {/block:ifNotShow400pxposts}
  396. {block:ifShow400pxposts}
  397. width:350px;
  398. {/block:ifShow400pxposts}
  399. border-left: 2px solid {color:blockquote};
  400. }
  401.  
  402.  
  403. a {
  404. color: {color:Link};
  405. text-decoration: none;
  406. -moz-transition-duration: 0.5s;
  407. -o-transition-duration: 0.5s;
  408. -webkit-transition-duration: 0.5s;
  409. transition-duration: 0.5s;
  410. }
  411.  
  412. a:hover {
  413. color: {color:Link Hover};
  414. text-decoration:none;
  415. -moz-transition-duration: 0.5s;
  416. -o-transition-duration: 0.5s;
  417. -webkit-transition-duration: 0.5s;
  418. transition-duration: 0.5s;
  419. }
  420.  
  421.  
  422.  
  423. #description {
  424. overflow:auto;
  425. width:120px;
  426. border-top:5px solid {color:sidebar border};
  427. border-BOTTOM:5px solid {color:sidebar border};
  428. border-right:2px solid {color:sidebar border};
  429. border-left:2px solid {color:sidebar border};
  430. height:230px;
  431. position:fixed;
  432. padding-top:10px;
  433. padding-bottom:10px;
  434. padding-left:10px;
  435. padding-right:10px;
  436. line-height:100%;
  437. bottom:330px;
  438. margin-left:418px;
  439. font-size:9px;
  440. text-align:center;
  441. overflow:auto;
  442. background:{color:background};
  443. color:{color:Text}
  444. z-index:99999;
  445. opacity:1;
  446. }
  447.  
  448. .description b {
  449. color:{color:bold};
  450. }
  451.  
  452. .description i {
  453. color:{color:italic};
  454. text-transform:none;
  455. }
  456.  
  457. .description a {
  458. color:{color:Link};
  459. }
  460.  
  461. .description a:hover {
  462. color:{color:Link Hover};
  463. }
  464.  
  465. .pagination {
  466. top:600px;
  467. left:50%;
  468. position:absolute;
  469. margin-left: 100px;
  470. text-align: left;
  471. letter-spacing:1px;
  472. text-transform:uppercase;
  473.  
  474. }
  475.  
  476. .pagination a{
  477. color: {color:links};
  478. font-family:calibri;
  479. letter-spacing:4px;
  480. font-size:15px;
  481. text-shadow: 0px 0px 3px {color:links shadow};}
  482.  
  483. .pagination a:hover{
  484. color:{color:links hover};
  485. -webkit-filter: blur(2px);
  486. -webkit-transition:all .5s ease-in-out;
  487. -moz-transition:all .5s ease-in-out;
  488. transition:all .5s ease-in-out;
  489.  
  490. }
  491.  
  492. .container {
  493. height: 520px;
  494. {block:ifNotShow400pxposts}
  495. max-width:600px;
  496. {/block:ifNotShow400pxposts}
  497. {block:ifShow400pxposts}
  498. max-width:500px;
  499. {/block:ifShow400pxposts}
  500. text-align:justify;
  501. font-family:tahoma;
  502. text-transform: auto;
  503. position: fixed;
  504. margin-left:570px;
  505. margin-top:50px; /* this could be changed for this bottom:-2px;; */
  506. overflow: auto;
  507. background-color:{color:Post BG};
  508. outline:1px solid {color:Sidebar Border};
  509. border-right:1px solid {color:Sidebar Border};
  510. border-bottom:0px solid {color:Sidebar Border};
  511. }
  512.  
  513.  
  514.  
  515. .postscontainer {
  516. {block:ifNotShow400pxposts}
  517. max-width:550px;
  518. {/block:ifNotShow400pxposts}
  519. {block:ifShow400pxposts}
  520. max-width:450px;
  521. {/block:ifShow400pxposts}
  522. margin: auto;
  523. margin-top:-60px;
  524. margin-left:25px;
  525. margin-right:22px;
  526. }
  527.  
  528. .posts {
  529. {block:ifNotShow400pxposts}
  530. width:500px;
  531. {/block:ifNotShow400pxposts}
  532. {block:ifShow400pxposts}
  533. width:400px;
  534. {/block:ifShow400pxposts}
  535. line-height:100%;
  536. font-size:10px;
  537. font-family:tahoma;
  538. margin-top:70px;
  539. text-align:justify;
  540. }
  541.  
  542.  
  543.  
  544. .info {
  545. font-family:'Latha';
  546. text-align:center;
  547. {block:ifNotShow400pxposts}
  548. width:490px;
  549. {/block:ifNotShow400pxposts}
  550. {block:ifShow400pxposts}
  551. width:390px;
  552. {/block:ifShow400pxposts}
  553. height:20px;
  554. margin-top:5px;
  555. margin-bottom:5px;
  556. padding-top:7px;
  557. font-size:8px;
  558. font-style:normal;
  559. text-align:center;
  560. background:{color:info bg};
  561. border-left:3px solid {color:info border};
  562. border-right:3px solid {color:info border};
  563. -moz-transition-duration:0.2s;
  564. -webkit-transition-duration:0.2s;
  565. -o-transition-duration:0.2s;
  566. text-shadow: 1px 0px 1px {color:info shadow};
  567. }
  568.  
  569. .info a {
  570. color:{color:info};}
  571.  
  572. .info a:hover {
  573. color:{color:info hover};}
  574.  
  575.  
  576. .tags {
  577. {block:ifNotShow400pxposts}
  578. width:480px;
  579. {/block:ifNotShow400pxposts}
  580. {block:ifShow400pxposts}
  581. width:380px;
  582. {/block:ifShow400pxposts}
  583. position:absolute;
  584. margin-top:1px;
  585. line-height:100%;
  586. font-family:tahoma;
  587. font-size:9px;
  588. text-align:center;
  589. }
  590.  
  591. .tags a {
  592. color:{color:tags};
  593. }
  594.  
  595. .tags a:hover {
  596. text-decoration:none;
  597. color:{color:tags Hover};
  598. }
  599.  
  600. .postnote {
  601. {block:ifNotShow400pxposts}
  602. width:480px;
  603. {/block:ifNotShow400pxposts}
  604. {block:ifShow400pxposts}
  605. width:380px;
  606. {/block:ifShow400pxposts}
  607. font-family:tahoma;
  608. text-transform:lowercase;
  609. font-size:10px;
  610. text-align:left;
  611. line-height:90%;
  612. margin-top:40px;
  613. }
  614.  
  615. .postnote li {
  616. list-style-type:none;
  617. border-bottom:1px solid {color:Info Border};
  618. padding:0px 0px 3px 0px;
  619. text-align:left;
  620. margin:0px;
  621. -moz-transition-duration:0.5s;
  622. -webkit-transition-duration:0.5s;
  623. -o-transition-duration:0.5s;
  624. }
  625.  
  626. .postnote img {
  627. width:20px;
  628. padding: 3px;
  629. margin:2px 7px -3px 6px;
  630. text-align:left;
  631. }
  632.  
  633.  
  634.  
  635.  
  636. .music {
  637. width:480px;
  638. {block:ifShow400pxposts}
  639. width:380px;
  640. {/block:ifShow400pxposts}
  641. padding-bottom:10px;
  642. }
  643.  
  644. .albumart {
  645. float:left;
  646. padding:10px 10px 10px 0px;
  647. }
  648.  
  649. .albumart img {
  650. width:30px;
  651. padding: 3px;
  652. margin:2px 7px -3px 6px;
  653. }
  654.  
  655. .playercontainer {
  656. text-align:left;
  657. padding:5px 5px -5px;
  658. width:480px;
  659. {block:ifShow400pxposts}
  660. width:380px;
  661. {/block:ifShow400pxposts}
  662. }
  663.  
  664. .musicinfo {
  665. padding:10px;
  666. margin-top:9px;
  667. color:{color:Text};
  668. }
  669.  
  670. .quote {
  671. font-size:10px;
  672. font-family:tahoma;
  673. letter-spacing:0px;
  674. line-height:90%;
  675. font-weight:normal;
  676. text-align:center;
  677. }
  678.  
  679. .source {
  680. font-family:calibri;
  681. font-size:10px;
  682. font-style:normal;
  683. text-align:center;
  684. line-height:17px;
  685. }
  686.  
  687. .chat ol {
  688. font-size:10px;
  689. font-family:calibri;
  690. line-height:100%;
  691. padding:0px;
  692. list-style:none;
  693. }
  694.  
  695. .label {
  696. font-size:10px;
  697. font-family:calibri;
  698. font-weight:bold;
  699. color:{color:Text};
  700. }
  701.  
  702. .line.odd {
  703. padding:4px;
  704. margin-bottom:2px;
  705. }
  706.  
  707. .line.even {
  708. padding:4px;
  709. margin-bottom:2px;
  710. }
  711.  
  712.  
  713. .links {
  714. position: fixed;
  715. bottom:585px;
  716. margin-left:368px;
  717. font-size: 20px;
  718. letter-spacing:0px;
  719. font-family: georgia, sans-serif;
  720. text-transform:uppercase;
  721. line-height: 170%;
  722. text-align: right;
  723. width: 200px;
  724. text-shadow: 0px 2px 1px {color:sidebar shadow};
  725. margin-right: auto;
  726. -ms-transform: rotate(-0deg); /* IE 9 */
  727. -webkit-transform: rotate(-0deg); /* Safari */
  728. transform: rotate(-0deg);
  729.  
  730. }
  731.  
  732.  
  733. .links a {
  734. display: inline-block;
  735. margin-left:5px;
  736. margin-right:5px;
  737. color: {color:sidebar links};
  738. text-shadow: 1px 0px 2px rgba(0,0,0,.65);
  739. padding:3px;
  740. -webkit-transition: all 0.7s ease-in-out;
  741. -moz-transition: all 0.7s ease-in-out;
  742. -o-transition: all 0.7s ease-in-out;
  743. transition: all 0.7s ease-in-out;
  744. }
  745.  
  746. .links a:hover {;
  747. color:{color:sidebar hover};
  748. -webkit-transition: all 0.7s ease-in-out;
  749. -moz-transition: all 0.7s ease-in-out;
  750. -o-transition: all 0.7s ease-in-out;
  751. transition: all 0.7s ease-in-out;
  752. }
  753.  
  754.  
  755.  
  756. .question {
  757. font-family: 'Amatic SC', cursive;
  758. line-height:120%;
  759. font-size:15px;
  760. font-weight:bold;
  761. margin-top:5px;
  762. padding:10px;;
  763. background:{color:askbg};
  764. color:{color:ask text};
  765. text-shadow: 0 0 1px {color:ask shadow};
  766. border-left:2px solid {color:ask border};
  767. border-right:2px solid {color:ask border};
  768. }
  769.  
  770. .asker {
  771. font-family: 'Dancing Script', cursive;
  772. padding-top:10px;
  773. max-width:220px;
  774. margin-top:0px;
  775. font-size:15px;
  776. }
  777.  
  778. .askeru {
  779. margin-top:-5px;
  780. margin-left:24px;
  781. text-transform:lowercase;
  782. font-style:italic;
  783. font-size:30px; }
  784.  
  785. .answer {
  786. padding-top:100px;
  787. text-align:justify;
  788. }
  789.  
  790. #quote {
  791. background:{color:background};
  792. border-top:4px double {color:bold};
  793. border-bottom:4px double {color:bold};
  794. font-family:'Lobster', cursive;
  795. color:#e6a8a0;
  796. font-size:12px;
  797. text-align:center;
  798. line-height:120%;
  799. padding:5px;
  800. padding-top:12px;
  801. padding-bottom:8px;
  802. }
  803.  
  804. #quote:first-letter {
  805. color:{color:info text};
  806. font-family:'Satisfy', cursive;
  807. font-size:25px;
  808. text-transform:uppercase;
  809. }
  810.  
  811. .qsource{
  812. padding-top:3px;
  813. padding-bottom:1px;
  814. font-family:'Damion', cursive;
  815. font-size:15px;
  816. text-align:right;
  817. }
  818.  
  819.  
  820.  
  821.  
  822. .credit {
  823. position:fixed;
  824. font-family: 'Alex Brush', cursive;
  825. color:{color:bold};
  826. font-size:16px;
  827. font-weight:bold;
  828. line-height:100%;
  829. letter-spacing:0px;
  830. right:7px;
  831. bottom:5px;
  832. text-align:center;
  833. text-shadow:0 0 3px {color:bold};
  834. -webkit-transition: all 0.5s ease-in-out;
  835. -moz-transition: all 0.5s ease-in-out;
  836. -o-transition: all 0.5s ease-in-out;
  837. -ms-transition: all 0.5s ease-in-out;
  838. transition: all 0.5s ease-in-out;
  839. }
  840.  
  841. .credit:hover {
  842. color:transparent;
  843. text-shadow:0 0 7px {color:bold shadow};
  844. -webkit-transition: all 0.5s ease-in-out;
  845. -moz-transition: all 0.5s ease-in-out;
  846. -o-transition: all 0.5s ease-in-out;
  847. -ms-transition: all 0.5s ease-in-out;
  848. transition: all 0.5s ease-in-out;
  849. }
  850.  
  851.  
  852.  
  853.  
  854.  
  855. .popup_block{
  856. display:none;
  857. background:{color:popup bg};
  858. padding:20px;
  859. border:1px solid {color:popup border}; /* if you want a solid white op-up, delete this */
  860. float:left;
  861. position:fixed;
  862. top:50%;left:50%;
  863. background-image:url('');
  864. z-index: 99999;
  865. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid hite */
  866. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white /
  867. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  868. }
  869.  
  870. *html #fade {position: absolute;}
  871. *html .popup_block {position: absolute;}
  872. #fade {
  873. display:none;
  874. position:fixed;
  875. left:0px;
  876. top:0px;
  877. width:100%;
  878. height:100%;
  879. z-index:9999;
  880. background:#1f1f1f; /* change to #fff for solid white */
  881. opacity:.8; /* change to opacity:1; */
  882. }
  883.  
  884. #boxy {
  885. background-color:#1a1a1a;
  886. padding:5px;
  887. border:1px solid #3b352e;
  888. width:490px;
  889. }
  890.  
  891. </style>
  892. </head>
  893.  
  894. <body>
  895.  
  896.  
  897.  
  898. <div class="links">
  899. <a href="/" title="home">🕸</a>
  900. <a href="/ask">🕸</a>
  901. <a href="{text:link1 url}" title="{text:link1}">🕸</a>
  902. <a href="{text:link2 url}" title="{text:link2}">🕸</a>
  903. </div>
  904. <div id="description">
  905. an indie, unaffiliated trans
  906. <b>PETER PARKER /
  907. SPIDER-MAN</b> of
  908. Marvel's <i>The Amazing
  909. Spider-Man</i>. semi selective.
  910. slow and slightly limited
  911. interaction, mutuals only —
  912. please view the <b>RULES</b>
  913. page for further details.
  914. multiverse & multiship. <br>
  915. <br>
  916. <b>THIS BLOG WILL CONTAIN:</b> canon
  917. divergence · drug, sex,
  918. violence, and gore related
  919. content · death & death
  920. mentions · all content will be
  921. tagged where needed.
  922. <hr>
  923. Written by Ripley<br>
  924. (EST. DEC. · 21 · 2016)
  925. <hr>
  926. All information can be found in the webs!
  927. </div>
  928. </div>
  929. {block:Pagination}
  930. <div class="pagination">
  931. {block:PreviousPage}
  932. <a href="{PreviousPage}"> back </a>
  933. {/block:PreviousPage}
  934. {block:NextPage}
  935. <a href="{NextPage}"> next </a>
  936. {/block:NextPage}
  937. </div>
  938. {/block:Pagination}
  939. </div>
  940.  
  941.  
  942.  
  943. <div class="container">
  944. <div class="postscontainer">
  945. {block:Posts}
  946.  
  947. <div class="posts">
  948.  
  949. {block:Text}
  950. {block:Title}<h2>{Title}</h2>{/block:Title}
  951. {Body}
  952. {/block:Text}
  953.  
  954. {block:Quote}<div id="quote">&#8220;{Quote}&#8221;</div><center><div class="source">&mdash; {block:Source}{Source}{/block:Source}</div></center><br>{/block:Quote}
  955.  
  956. {/block:Quote}
  957.  
  958. {block:Link}
  959. <h2><a href="{URL}">{Name}</a></h2>
  960. {block:Description}{Description}{/block:Description}
  961. {/block:Link}
  962.  
  963.  
  964. {block:Chat}
  965. {block:Title}
  966. <h1>{Title}</h1>{/block:Title}<br>
  967. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  968. {Line}</li>{/block:Lines}</ul>
  969. {/block:Chat}
  970.  
  971. {block:Answer}
  972. <div class="question">{question}</div>
  973. <div class="asker">{Asker}</div>
  974. {Answer}{/block:Answer}
  975.  
  976. {block:Photo}
  977. {LinkOpenTag}{block:ifNotShow400pxposts}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{/block:ifNotShow400pxposts}
  978. {block:ifShow400pxposts}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{/block:ifShow400pxposts}
  979. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  980. {/block:Photo}
  981.  
  982. {block:Photoset}
  983. {block:ifNotShow400pxposts}{Photoset-500}{/block:ifNotShow400pxposts}
  984. {block:ifShow400pxposts}{Photoset-400}{/block:ifShow400pxposts}
  985. {block:Caption}{Caption}{/block:Caption}
  986. {/block:Photoset}
  987.  
  988. {block:Audio}<div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  989. <div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  990. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  991. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  992. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  993.  
  994. {block:Video}
  995. {block:ifNotShow400pxposts}{Video-500}{/block:ifNotShow400pxposts}{block:ifShow400pxposts}{Video-400}{/block:ifShow400pxposts}
  996. {block:Caption}{Caption}{/block:Caption}
  997. {/block:Video}
  998.  
  999. {block:Date}<div class="info"><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom}  <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} © <a href="{SourceURL}"></a><a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource} /<a href="{ReblogURL}">reblog</a>{/block:RebloggedFrom}</div>{/block:Date}
  1000.  
  1001. {block:HasTags}
  1002. <div class="tags">
  1003. {block:Tags}<a href="{TagURL}">#( {Tag} )</a> {/block:Tags}
  1004. </div>
  1005. {/block:HasTags}
  1006.  
  1007. <div class="postnote">
  1008. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1009. </div>
  1010. {/block:Posts}
  1011.  
  1012. <div class="credit"><a href="http://wxbx.tumblr.com/" title="theme by wxbx"><span class="credit">W</span></a></div>
  1013.  
  1014.  
  1015. </div>
  1016. </div>
  1017. </div>
  1018.  
  1019.  
  1020. <!-- SCRIPTS -->
  1021.  
  1022. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1023. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1024.  
  1025. <script>
  1026. (function($){
  1027. $(document).ready(function(){
  1028. $("[title]").style_my_tooltips({
  1029. tip_follows_cursor:true,
  1030. tip_delay_time:90,
  1031. tip_fade_speed:600,
  1032. attribute:"title"});
  1033. });})(jQuery);
  1034. </script>
  1035. </div>
  1036.  
  1037. </div>
  1038.  
  1039. </div>
  1040.  
  1041. <div id="box1" class="askpopup_block">
  1042. <center><iframe frameborder="0" height="250px" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:url}.tumblr.com" width="100%"></center></iframe>
  1043. </div></div>
  1044. </body>
Advertisement
Add Comment
Please, Sign In to add comment