API tools faq
paste
Advertisement
Guest User

Untitled

a guest
May 30th, 2016
85
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.00 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4.  
  5. <script type="text/javascript"
  6. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  7. <script>
  8. $(document).ready(function() {
  9. //
  10. $('a.poplight[href^=#]').click(function() {
  11. var popID = $(this).attr('rel'); //Get Popup Name
  12. var popURL = $(this).attr('href'); //Get Popup href to define size
  13. var query= popURL.split('?');
  14. var dim= query[1].split('&');
  15. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  16. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  17. var popMargTop = ($('#' + popID).height() + 80) / 2;
  18. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  19. //Apply Margin to Popup
  20. $('#' + popID).css({
  21. 'margin-top' : -popMargTop,
  22. 'margin-left' : -popMargLeft
  23. });
  24. $('body').append('<div id="fade"></div>');
  25. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  26. return false;
  27. });
  28. $('a.close, #fade').live('click', function() {
  29. $('#fade , .popup_block').fadeOut(function() {
  30. $('#fade, a.close').remove(); //fade them both out
  31. });
  32. return false;
  33. });
  34. });
  35. </script>
  36.  
  37. <title>{Title}</title>
  38. <link rel="shortcut icon" href="{Favicon}">
  39. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  40. <meta name="description" content="" />
  41. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  42.  
  43.  
  44. <script type="text/javascript">
  45. // <![CDATA[
  46. var colour="#cdcccd"; // what colour are the blobs
  47. var speed=66; // speed of animation, lower is faster
  48. var blobs=15; // how many blobs are in the jar
  49. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  50.  
  51.  
  52. /***************************\
  53. * Blobs in a Jar Effect *
  54. * (c)2012 mf2fm web-design *
  55. * http://www.mf2fm.com/rv *
  56. * DON'T EDIT BELOW THIS BOX *
  57. \***************************/
  58.  
  59. window.onload=fill_the_jar;
  60. var div;
  61. var xpos=new Array();
  62. var ypos=new Array();
  63. var zpos=new Array();
  64. var dx=new Array();
  65. var dy=new Array();
  66. var dz=new Array();
  67. var blob=new Array();
  68. var swide=800;
  69. var shigh=600;
  70. function fill_the_jar() {
  71. var i, dvs;
  72. div=document.createElement('div');
  73. dvs=div.style;
  74. dvs.position='fixed';
  75. dvs.left='0px';
  76. dvs.top='0px';
  77. dvs.width='1px';
  78. dvs.height='1px';
  79. document.body.appendChild(div);
  80. set_width();
  81. for (i=0; i<blobs; i++) {
  82. add_blob(i);
  83. jamjar(i);
  84. }
  85. }
  86.  
  87. function add_blob(ref) {
  88. var dv, sy;
  89. dv=document.createElement('div');
  90. dv.appendChild(document.createTextNode(charc));
  91. sy=dv.style;
  92. sy.position='absolute';
  93. sy.textAlign="center";
  94. if (navigator.appName=="Microsoft Internet Explorer") {
  95. sy.fontSize="10px";
  96. sy.width="100px";
  97. sy.height="100px";
  98. sy.paddingTop="40px";
  99. sy.color=colour;
  100. }
  101. else sy.color='rgba(0,0,0,0)';
  102. ypos[ref]=Math.floor(shigh*Math.random());
  103. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  104. xpos[ref]=Math.floor(swide*Math.random());
  105. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  106. zpos[ref]=Math.random()*20;
  107. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  108. blob[ref]=dv;
  109. div.appendChild(blob[ref]);
  110. set_blob(ref);
  111. }
  112. function rejig(ref, xy) {
  113. if (xy=='y') {
  114. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  115. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  116. }
  117. else {
  118. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  119. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  120. }
  121. }
  122. function sign(a) {
  123. if (a<0) return (-2);
  124. else if (a>0) return (2);
  125. else return (0);
  126. }
  127. function set_blob(ref) {
  128. var sy;
  129. sy=blob[ref].style;
  130. sy.top=ypos[ref]+'px';
  131. sy.left=xpos[ref]+'px';
  132. if (navigator.appName=="Microsoft Internet Explorer") {
  133. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  134. sy.fontSize=30-zpos[ref]+"px";
  135. }
  136. else {
  137. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  138. sy.fontSize=40+zpos[ref]+'px';
  139. }
  140. }
  141. function jamjar(ref) {
  142. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  143. ypos[ref]+=dy[ref];
  144. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  145. xpos[ref]+=dx[ref];
  146. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  147. zpos[ref]+=dz[ref];
  148. set_blob(ref);
  149. setTimeout("jamjar("+ref+")", speed);
  150. }
  151.  
  152. window.onresize=set_width;
  153. function set_width() {
  154. var sw_min=999999;
  155. var sh_min=999999;
  156. if (document.documentElement && document.documentElement.clientWidth) {
  157. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  158. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  159. }
  160. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  161. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  162. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  163. }
  164. if (document.body.clientWidth) {
  165. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  166. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  167. }
  168. if (sw_min==999999 || sh_min==999999) {
  169. sw_min=800;
  170. sh_min=600;
  171. }
  172. swide=sw_min;
  173. shigh=sh_min;
  174. }
  175. // ]]>
  176. </script>
  177.  
  178. <!---META TAGS--->
  179.  
  180. <meta name="image:Background" content="http://static.tumblr.com/65389b15b98332803eb5e0a16e17a486/dis57de/0g5nyyi7h/tumblr_static_58q0zunlel4w8k0ws4c40wsg4.png"/>
  181. <meta name="image:postinfothing" content="http://static.tumblr.com/831a3120538bd2bcf4e6f9b5493d8d62/dis57de/JgInyyj8q/tumblr_static_1q03l1b2i3pcwokg8s084gc8.png" />
  182. <meta name="color:Background" content="#2f2f2f"/>
  183. <meta name="color:Text" content="#000"/>
  184. <meta name="color:Links" content="#1e1e1e"/>
  185. <meta name="color:Links hover" content="#4b1919"/>
  186. <meta name="text:link1" content=""/>
  187. <meta name="text:link1 title" content=""/>
  188. <meta name="text:link2" content=""/>
  189. <meta name="text:link2 title" content=""/>
  190. <meta name="text:link3" content=""/>
  191. <meta name="text:link3 title" content=""/>
  192.  
  193. <link href='http://fonts.googleapis.com/css?family=Oswald:300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  194. <link href='https://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
  195. <link href='https://fonts.googleapis.com/css?family=Calligraffitti&subset=latin,latin-ext,cyrillic' rel='stylesheet' type='text/css'>
  196.  
  197. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  198. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  199. <script>
  200. (function($){
  201. $(document).ready(function(){
  202. $("[title]").style_my_tooltips({
  203. tip_follows_cursor:true,
  204. tip_delay_time:0,
  205. tip_fade_speed:0,
  206. attribute:"title"
  207. });
  208. });
  209. })(jQuery);
  210. </script>
  211.  
  212. <style type="text/css">
  213. /*BASE CODE BY ANCNOMES*/
  214. /*EDITED BY BROGEN*/
  215.  
  216. ::-webkit-scrollbar-thumb {
  217. height:auto;
  218. background-color:transparent;
  219. }
  220.  
  221. ::-webkit-scrollbar {
  222. height:9px;
  223. width:4px;
  224. background-color:transparent;
  225. }
  226.  
  227.  
  228. /*LINKS TABLE LAYOUT by htmltutor*/
  229. /*LINKS TABLE LAYOUT by htmltutor*/
  230. .linkies a {
  231. text-decoration:none;
  232. font-family: 'oswald';
  233. font-size: 10px;
  234. background:transparent;
  235. border:2px solid transparent;
  236. padding:12px;
  237. width:100px;
  238. margin-top:20px;
  239. margin-left:-30px;
  240. display:inline-block;
  241. color:white;
  242. text-align:center;
  243. }
  244.  
  245. .linkies a:hover {
  246. background:black;
  247. color:#cccccc;
  248. -webkit-transition: all 0.3s ease-in-out;
  249. -moz-transition: all 0.3s ease-in-out;
  250. -o-transition: all 0.3s ease-in-out;
  251. -ms-transition: all 0.3s ease-in-out;
  252. transition: all 0.3s ease-in-out;
  253.  
  254. }
  255. /*END OF LINKS TABLE LAYOUT by htmltutor*/
  256.  
  257. .popup_block{
  258. display:none;
  259. background:#000000; /*background color of the box - not important */
  260. padding:20px;
  261. float:left;
  262. position:fixed;
  263. top:50%;left:50%;
  264. z-index: 99999;
  265. -webkit-box-shadow: 0px 0px 20px #000000;
  266. -moz-box-shadow: 0px 0px 20px #000000;
  267. box-shadow: 0px 0px 20px #000000;
  268. }
  269.  
  270. *html #fade {position: absolute;}
  271. *html .popup_block {position: absolute;}
  272. #fade {
  273. display:none;
  274. position:fixed;
  275. left:0px;
  276. top:0px;
  277. width:100%;
  278. height:100%;
  279. z-index:9999;
  280. background:#000000;
  281. opacity:0.5; /* change to opacity:1; */
  282. }
  283.  
  284.  
  285. #s-m-t-tooltip {
  286.  
  287. -webkit-animation: CH 600ms;
  288. box-shadow:1px 1px 7px #4d4031;
  289. max-width:400px;
  290. margin:10px 10px 10px 8px;
  291. background-image:url('https://65.media.tumblr.com/7c6818cc876946ff54980dd9cc62f20e/tumblr_inline_o788cuYmXk1u8biv3_500.png');
  292. padding-left:5px;
  293. padding-right:5px;
  294. padding-top:2px;
  295. z-index:999999999999999999999999999999999999999;
  296. font-family: 'oswald';
  297. font-size:10px;
  298. font-style:bold;
  299. color:white;
  300. padding:1px;
  301. text-transform:uppercase;
  302. -webkit-transition: .s ease-in-out;
  303. -moz-transition: .9s ease-in-out;
  304. -o-transition: .9s ease-in-out;
  305.  
  306. border-top-left-radius:0px;
  307. border-top-right-radius:15px;
  308. border-bottom-left-radius:15px;
  309. border-bottom-right-radius:0px;
  310. border: 1px solid #bbbbbb;
  311. padding: 4px;
  312. }
  313.  
  314. #s-m-t-tooltip a {
  315.  
  316. opacity:1;
  317. -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out;}
  318.  
  319. b,strong{font-size:12px; text-shadow:1px 1px 0px #000000; font-family:'Montserrat'; color:white; letter-spacing:1px;}
  320. big{font-size:18px;}
  321. small,sub,sup{font-size:12px;}
  322.  
  323. /*EDIT MAIN FONT AND BACKGROUND COLOR*/
  324.  
  325. body {
  326. font-size: 12px;
  327. font-family: arial;
  328. color: {color:text};
  329. background:{color:background};
  330. background-image:url('{image:Background}');
  331. background-attachment:fixed;
  332. background-repeat:no-repeat;
  333. background-position:top left;
  334. line-height:120%;
  335. }
  336.  
  337. /*EDIT MAIN LINKS*/
  338.  
  339. a {
  340. color: {color:links};
  341. text-decoration: none;
  342. -moz-transition-duration: 0.7s;
  343. -o-transition-duration: 0.7s;
  344. -webkit-transition-duration: 0.7s;
  345. transition-duration: 0.7s;
  346. }
  347.  
  348. /*EDIT MAIN LINKS HOVER*/
  349.  
  350. a:hover {
  351. color: {color:links hover};
  352. -moz-transition-duration: 0.7s;
  353. -o-transition-duration: 0.7s;
  354. -webkit-transition-duration: 0.7s;
  355. transition-duration: 0.7s;
  356. }
  357.  
  358.  
  359. /*EDIT TITLE*/
  360.  
  361. .title {
  362. text-shadow:1px 1px -1px black;
  363. font-family: serif;
  364. font-size: 35px;
  365. position:fixed;
  366. margin-top:90px;
  367. margin-left:300px;
  368. font-style: italic;
  369. text-transform: lowercase;
  370. font-weight: bold;
  371. color:white;
  372. }
  373.  
  374.  
  375. /*EDIT SIDEBAR LINKS*/
  376.  
  377. #links {
  378. width:250px;
  379. margin-top:220px;
  380. margin-left:1070px;
  381. padding:9px;
  382. position:fixed;
  383. font-family:oswald;
  384. text-align:left;
  385. word-spacing:12px;
  386. font-size:15px;
  387. font-weight:italic;
  388. display:block;
  389. color:white;
  390.  
  391.  
  392. }
  393.  
  394. #links a {
  395. letter-spacing: 1px;
  396. padding:-10px;
  397.  
  398. }
  399.  
  400. #links a:hover {
  401. color:{color:Hover};
  402. }
  403.  
  404.  
  405. /*EDIT PAGINATION*/
  406.  
  407. .pagi {
  408. display:inline-block;
  409. font-family: 'Oswald', sans-serif;
  410. margin-left:485px;
  411. margin-top:75px;
  412. position:fixed;
  413. text-align: center;
  414. text-transform:uppercase;
  415. font-size: 24px;
  416. word-spacing:3px;
  417. -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -o-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg);
  418. }
  419.  
  420. .pagi a {
  421. display:inline-block;
  422. text-shadow:0px 0px 3px #1a1612;
  423. color:#e9e9e1;
  424. width: 80px;
  425. text-align: center;
  426. top: 10px;
  427. }
  428.  
  429. .pagi a:hover {
  430. -moz-transition-duration:0.7s;
  431. -webkit-transition-duration:0.7s;
  432. -o-transition-duration:0.7s;
  433. -webkit-transform: rotate(70deg); -moz-transform: rotate(70deg); -o-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg);
  434. }
  435.  
  436. /*EDIT POST CONTAINERS*/
  437.  
  438. .postcon {
  439. text-shadow:1px 1px 1px #2e2e2e;
  440. position:fixed;
  441. height:250px;
  442. padding:36px;
  443. margin-bottom:0px;
  444. overflow-y: transparent;
  445. overflow-x:hidden;
  446. width:300px;
  447. margin-top:350px;
  448. margin-left:780px;
  449. opacity:0.8;
  450. opacity:0.8;
  451. -webkit-filter:grayscale(100%);
  452. -webkit-transition: all 0.6s ease-in-out;
  453. -webkit-transition: all 0.6s ease-in-out;
  454. -moz-transition: all 0.6s ease-in-out;
  455. -o-transition: all 0.6s ease-in-out;
  456. -ms-transition: all 0.6s ease-in-out;
  457. transition: all 0.6s ease-in-out;
  458. }
  459.  
  460. .posts {
  461. width:400px;
  462. margin-bottom: 40px;
  463. opacity:0.8;
  464. -webkit-transition: all 0.6s ease-in-out;
  465. -moz-transition: all 0.6s ease-in-out;
  466. -o-transition: all 0.6s ease-in-out;
  467. -ms-transition: all 0.6s ease-in-out;
  468. transition: all 0.6s ease-in-out;
  469. -webkit-mask-image: -webkit-gradient(
  470. linear, center 75%, center bottom,
  471. from(rgba(0,0,0,20)),
  472. to(rgba(20,0,0,0)));
  473. }
  474.  
  475. .posthover {
  476. -webkit-filter:none;
  477. -webkit-transition: all 0.6s ease-in-out;
  478. }
  479. .desc {
  480. background-color:{color:container bg};
  481. overflow:auto;
  482. margin-left:555px;
  483. font-size:11px;
  484. padding:10px;
  485. width:190px;
  486. height:300px;
  487. margin-top:280px;
  488. position:fixed;
  489.  
  490.  
  491. }
  492.  
  493. .desc2 {
  494. background-color:{color:container bg};
  495. margin-left:1050px;
  496. padding:10px;
  497. width:200px;
  498. margin-top:600px;
  499. position:fixed;
  500. }
  501.  
  502.  
  503. /*EDIT POST TITLES*/
  504.  
  505. h1 {
  506. text-shadow:1px 1px 1px #2e2e2e;
  507. font-size:24px;
  508. text-align: center;
  509. text-transform: lowercase;
  510. font-family: serif;
  511. font-style: italic;
  512. letter-spacing:1px;
  513. }
  514.  
  515. /*EDIT QUOTE POSTS*/
  516.  
  517. h2 {
  518. text-align: center;
  519. text-transform: lowercase;
  520. font-family: serif;
  521. font-style: italic;
  522. font-size: 24px;
  523. text-shadow:1px 1px 1px black;
  524. }
  525.  
  526. h3{
  527. background-image:url('http://i67.tinypic.com/23uzp5l.png');
  528. font-size:11px;
  529. width:175px;
  530. font-family:'Arial';
  531. text-shadow: 0px 1px 1px black;
  532. letter-spacing:1px;
  533. color:#fff;
  534. text-align:center;
  535. text-transform:uppercase;
  536.  
  537. border-top-left-radius:0px;
  538. border-top-right-radius:15px;
  539. border-bottom-left-radius:15px;
  540. border-bottom-right-radius:0px;
  541. border: 1px solid #bbbbbb;
  542. padding: 4px;
  543.  
  544.  
  545. }
  546.  
  547. h4{
  548. background-image:url('http://i67.tinypic.com/23uzp5l.png');
  549. font-size:11px;
  550. width:100px;
  551. font-family:'Arial';
  552. text-shadow: 0px 1px 1px black;
  553. letter-spacing:1px;
  554. color:#fff;
  555. text-align:center;
  556. text-transform:uppercase;
  557.  
  558. border-top-left-radius:0px;
  559. border-top-right-radius:15px;
  560. border-bottom-left-radius:15px;
  561. border-bottom-right-radius:0px;
  562. border: 1px solid #bbbbbb;
  563. padding: 4px;
  564.  
  565. }
  566. a[title]:hover:after {
  567. background-image:url('https://66.media.tumblr.com/8ff0a77d612e5aec4c4c8357906fa6b1/tumblr_inline_o6w16p4kFG1u8biv3_500.png');
  568. font-size:11px;
  569. width:180px;
  570. font-family:'Arial';
  571. text-shadow: 0px 1px 1px black;
  572. letter-spacing:1px;
  573. color:#fff;
  574. text-align:center;
  575. text-transform:uppercase;
  576.  
  577. border-top-left-radius:0px;
  578. border-top-right-radius:15px;
  579. border-bottom-left-radius:15px;
  580. border-bottom-right-radius:0px;
  581. border: 1px solid #bbbbbb;
  582. padding: 4px;
  583. }
  584.  
  585. .source {
  586. text-align: center;
  587. }
  588.  
  589. /*EDIT TEXT POST DETAILS*/
  590.  
  591. .posts li {
  592. list-style: disc;
  593. }
  594.  
  595. .posts blockquote {
  596. border-left: 5px solid {color:text};
  597. margin-left:10px;
  598. padding-left:15px;
  599. }
  600.  
  601. .posts img {
  602. max-width:200px;
  603. height:300;
  604. }
  605.  
  606. /*EDIT QUESTION POSTS*/
  607.  
  608. .question {
  609. background-image:url('https://65.media.tumblr.com/7c6818cc876946ff54980dd9cc62f20e/tumblr_inline_o788cuYmXk1u8biv3_500.png');
  610. width:300px;
  611. margin-top:5px;
  612. padding:10px;
  613. text-align:center;
  614. font-size:10px;
  615. letter-spacing:1px;
  616. text-transform:uppercase;
  617. font-family:courier new;
  618. background-color:#a1a1a0;
  619. line-height:120%;
  620. border-radius:20px;
  621. box-shadow:0px 0px 3px idk;
  622. border-top-left-radius:0px;
  623. border-top-right-radius:15px;
  624. border-bottom-left-radius:15px;
  625. border-bottom-right-radius:0px;
  626. border: 1px solid #bbbbbb;
  627. padding: 4px;
  628.  
  629. }
  630.  
  631. .answer {
  632.  
  633. width: 450px;
  634. text-align:ley;
  635. padding:7px;
  636. color:{color:text};
  637. }
  638.  
  639. /*EDIT CHAT POSTS*/
  640.  
  641. .convo {
  642. list-style: none;
  643. line-height: 120%;
  644. }
  645.  
  646. .label {
  647. text-transform: uppercase;
  648. padding-right: 2px;
  649. font-weight: bold;
  650. }
  651.  
  652. /*EDIT AUDIO POSTS*/
  653.  
  654. .playbutton {
  655. width: 25px;
  656. height: 28px;
  657. padding: 5px;
  658. overflow: hidden;
  659. position: relative;
  660. z-index: 2;
  661. }
  662.  
  663. .playbox {
  664. background-color: #fff;
  665. position: absolute;
  666. z-index: 2;
  667. margin-top: 17px;
  668. margin-left: 17px;
  669. opacity: .7;
  670. }
  671.  
  672. .audiodesc {
  673. position: relative;
  674. left: 5px;
  675. top: -12px;
  676. font-size: 11px;
  677. }
  678.  
  679. /*EDIT POST INFO*/
  680.  
  681. .postinfo {
  682. height:20px;
  683. color:white;
  684. padding:7px;
  685. font-size:12px;
  686. width:300px;
  687. letter-spacing:7px;
  688. border:2px solid #2f2f2f;
  689. background:url('{image:postinfothing}');
  690. background-repeat:no-repeat;
  691. background-position:center;
  692. text-align: center;
  693. text-transform: lowercase;
  694. border-top-left-radius:0px;
  695. border-top-right-radius:15px;
  696. border-bottom-left-radius:15px;
  697. border-bottom-right-radius:0px;
  698. border: 1px solid #bbbbbb;
  699. padding: 4px;
  700. }
  701.  
  702. .postinfo a {
  703. font-size:15px;
  704. text-shadow:1px 1px 1px black;
  705. color:white;
  706. background:transparent;
  707. font-style:normal;
  708. }
  709.  
  710. /*EDIT TAGS*/
  711.  
  712. .tags {
  713. width:450px;
  714. font-family: 'Oswald', sans-serif;
  715. text-transform:uppercase;
  716. letter-spacing:1px;
  717. font-size:8px;
  718. text-align: center;
  719. padding-top:3px;
  720. padding-bottom:10px;
  721. -moz-transition-duration:0.7s;
  722. -webkit-transition-duration:0.7s;
  723. -o-transition-duration:0.7s;
  724. transition-duration: 0.7s;
  725. }
  726.  
  727. .tags a:hover {
  728. font-style:italic;
  729. -moz-transition-duration:0.7s;
  730. -webkit-transition-duration:0.7s;
  731. -o-transition-duration:0.7s;
  732. transition-duration: 0.7s;
  733. }
  734.  
  735. /*EDIT POSTNOTES*/
  736.  
  737. .postnotes {
  738. position:relative;
  739. line-height: 200%;
  740. text-align: center;
  741. margin-top: 90px;
  742. list-style: none;
  743. margin-left: -25px
  744. }
  745. .postnotes ol.notes {
  746. list-style-type: none;
  747. }
  748.  
  749. .postnotes li {
  750. list-style-type: none;
  751. }
  752.  
  753. .postnotes img.avatar {
  754. width: 0px;
  755. height: 0px;
  756.  
  757.  
  758. }
  759.  
  760. </style>
  761. </head>
  762.  
  763. <body>
  764.  
  765.  
  766. <div id="links">
  767. <a href="/" rel="box1" title="title here">title here</a>
  768. <a href="/" rel="box1" title="title here">title here</a>
  769. <a href="/" rel="box1" title="title here">title here</a>
  770. <a href="/" rel="box1" title="title here">title here</a>
  771.  
  772. </div>
  773. <div class="desc">
  774.  
  775. <h3>" SOUTHERN BELLE "</h3>
  776. <center><big><b><u>ROGUE</u></b></big><br><br>independent anna marie.<br>selective / private / earth-616<br>penned by chanda.<br><br>pacific time zone.<br><s>temporary theme.</s><br><br>
  777. </center>
  778. <h3>" TITLE HERE "</h3>
  779. <center>do not be fooled by its commonplace appearance. like so many things, it is not what is outside, but what is inside that counts. this is no ordinary lamp ! it once changed the course of a young man's life; a young man who, like this lamp, was more than what he seemed: a diamond in the rough. perhaps you would like to hear the tale ? It begins on a dark night, where a dark man waits... with a dark purpose.</center>
  780. <br>
  781.  
  782. <h3>" TITLE HERE "</h3>
  783. write some stuff here
  784. <br>
  785. <h3>" TITLE HERE "</h3>
  786. write some stuff here
  787.  
  788. </div>
  789. </div>
  790.  
  791.  
  792.  
  793.  
  794.  
  795.  
  796. </div></div> </div>
  797. <!-- Leave the credit where it is, but feel free to add your freehostedscripts beside it -->
  798.  
  799. <div class="desc2">
  800. <h4><I>B + A</I> // <br><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5297668";
  801. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  802. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  803. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  804. </script>
  805. <i><b>&</i></b> <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3138440";
  806. fhsh.src = "//s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  807. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  808. </script></h4>
  809.  
  810.  
  811.  
  812.  
  813. </div>
  814.  
  815. <!---SIDEBAR--->
  816.  
  817.  
  818. <div class="pagi">
  819. {block:Pagination}{block:PreviousPage}<a title="previous page." href="{PreviousPage}">«</a>{/block:PreviousPage}
  820. <br><br>{block:NextPage}<a title="next page." href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  821. </div>
  822.  
  823. <!---END SIDEBAR--->
  824.  
  825. <!---POSTS--->
  826.  
  827. <div class="postcon">
  828. {block:Posts}
  829. <div class="posts">
  830.  
  831. {block:Text}
  832. {block:Title}<h1>{Title}</h1>{/block:Title}
  833. {Body}
  834. {/block:Text}
  835.  
  836. {block:Quote}
  837. <h2>{Quote}</h2>
  838. {block:Source}<div class="source">{Source}</div><br>{/block:Source}
  839. {/block:Quote}
  840.  
  841. {block:Link}
  842. <h1><a href="{URL}">{Name}</a></h1>
  843. {block:Description}{Description}{/block:Description}
  844. {/block:Link}
  845.  
  846. {block:Chat}
  847. {block:Title}<h1>{Title}</h1>{/block:Title}
  848. <div class="convo">{block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  849. {Line}</div>{/block:Lines}</div>
  850. {/block:Chat}
  851.  
  852. {block:Photo}
  853. <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  854.  
  855. {block:Caption}{Caption}{/block:Caption}
  856. {/block:Photo}
  857.  
  858. {block:Photoset}<center>{Photoset-400}</center>
  859. {block:Caption}{Caption}{/block:Caption}
  860. {/block:Photoset}
  861.  
  862. {block:Audio}
  863. <table><tr><td><div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  864. {block:AlbumArt}<img src="{AlbumArtURL}" height="70" width="70">{/block:AlbumArt}</td>
  865. <td><div class="audiodesc">{block:TrackName}<b>Title:</b> {TrackName}<br>{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist} {block:Album}<b>Album:</b> {Album}<br>{/block:Album}</div></td></tr></table>{block:Caption}{Caption}{/block:Caption}
  866. {/block:Audio}
  867.  
  868. {block:Video}
  869. {Video-400}
  870. {block:Caption}{Caption}{/block:Caption}
  871. {/block:Video}
  872.  
  873. {block:Answer}<div class="question">&nbsp;&nbsp; {Question}</div><div style="z-index:9; margin-top:-30px;"><img width="300" src="https://66.media.tumblr.com/7db69c10d04ac49423251764641bc02c/tumblr_o6x2okt8BB1vu2s2ro1_500.png"></div><div style="position:relative; margin-top:-30px; margin-left:100px; letter-spacing:1px; text-transform:uppercase; font-size:20px; text-shadow:1px 1px 2px #463a2f; font-family: cambria;"><em><b>{ASKER}</b></em></div><div class="answer">{Answer}</div>{/block:answer}
  874.  
  875. <!---END POSTS--->
  876.  
  877. <!---POST INFO--->
  878.  
  879. <div class="postinfo">
  880.  
  881. <a title="{TimeAgo}" href="{Permalink}" style="padding-left: 5px; padding-right; 5px;">{block:Date}<b>I</b>{/block:Date}</a>
  882.  
  883. <a title="{NoteCount} notes" href="{Permalink}" style="padding-left: 5px; padding-right; 5px;">{block:NoteCount}<b>II</b>{/block:NoteCount}</a>
  884.  
  885. {block:RebloggedFrom}<a title="via: {ReblogParentName}" href="{ReblogParentURL}" style="padding-left: 5px; padding-right; 5px;"><b>III</b></a>
  886.  
  887. <a title="source: {ReblogRootName}" href="{ReblogRootURL}" style="padding-left: 5px; padding-right; 5px;"><b>IV</b></a>{/block:RebloggedFrom}
  888.  
  889. {block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
  890.  
  891. </div>
  892.  
  893. <div class="tags">{block:HasTags} {block:Tags} <a href="/tagged/{TAG}" style="margin-right: 3px;">#{TAG}</a> {/block:Tags} {/block:HasTags}</div>
  894.  
  895. </div>
  896. {/block:Posts}
  897. </div>
  898.  
  899. <!---END POST INFO--->
  900.  
  901. </div>
  902.  
  903. </body>
  904. <div id="box2" class="popup_block" style="height:500px; background: url('https://65.media.tumblr.com/f2ac90a568e930e9abbd7b4ecf024d6a/tumblr_o6w4vwtm1b1vu2s2ro1_1280.png');">
  905. <div style="width: 500px; height: 480px; margin-left:50px; margin-top:10px; overflow-y: scroll; overflow-x: hidden; background:transparent;padding-left:10px;">
  906.  
  907. <div style="padding:2px;font-size:13px;width:400px;color:#ffffff;text-align:justify;">
  908. <!-- LINKS TABLE LAYOUT by htmltutor -->
  909. <img src="https://66.media.tumblr.com/26aef7b4d670d47e8dbfcf3b82bdff15/tumblr_inline_o6xatlLjzK1u8biv3_500.png" align="left" style="padding-right: 5px">
  910. <br>
  911. <table>
  912. <tr>
  913. <td>
  914. <div class="linkies">
  915.  
  916. <a href="/about">STORYARC</a>
  917. <a href="/guide">GUIDELINES</a>
  918. <a href="/characters">CHARACTERS </a>
  919. </div>
  920. </td>
  921. <td>
  922.  
  923. <div class="linkies">
  924.  
  925. <a href="/tagged/w">WISHLIST</a>
  926. <a href="/tagged/i">VISAGE</a>
  927. <a href="/tagged/ect">ECT</a>
  928.  
  929.  
  930. </div>
  931. </td>
  932. <td>
  933.  
  934. <div class="linkies">
  935.  
  936. <a href="/">TERMINOLOGY</a>
  937. <a href="/">CHARACTER BUILD</a>
  938. <a href="/">INSPIRATION</a>
  939.  
  940.  
  941. </div>
  942. </td>
  943. <td>
  944.  
  945. <div class="linkies">
  946.  
  947. <a href="/">PROMPTS</a>
  948. <a href="/">FACECLAIMS</a>
  949. <a href="/">PERSONALITIES </a>
  950.  
  951. </div>
  952.  
  953. </td>
  954. </tr>
  955. </table>
  956. <br>
  957. </div></div></div></div></div>
  958.  
  959.  
  960. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!