API tools faq
paste
Isandria

Spidertheme Webfluid

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