API tools faq
paste
Advertisement
Guest User

romy

a guest
Feb 21st, 2017
70
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.54 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <link href='http://static.tumblr.com/blpgwiz/sSZmijydf/slide_in.css' rel='stylesheet' style='text/css'>
  4.  
  5. <!--Code by Basil (edhelhernil). Edit as much as you like to suit your needs, however, please leave my credit in tact, thank you!.-->
  6.  
  7.  
  8. <meta name="color:background" content="#ffffff"/>
  9. <meta name="color:text" content="#000000"/>
  10. <meta name="color:link" content="#000000"/>
  11. <meta name="color:link hover" content="#ddd"/>
  12. <meta name="color:post links" content="#928f8f">
  13. <meta name="color:border" content="#000000"/>
  14. <meta name="color:hoverlink text" content="#000000"/>
  15. <meta name="color:scrollbar bg" content="#6b6d6d"/>
  16. <meta name="color:tooltip color" content="#6b6d6d"/>
  17. <meta name="color:title color" content="#000000"/>
  18. <meta name="color:blockquote color" content="#000000"/>
  19. <meta name="color:sidebar link" content="#000000" />
  20.  
  21.  
  22. <meta name="text:link1" content="" />
  23. <meta name="text:link1 url" content="/">
  24. <meta name="text:link2" content="" />
  25. <meta name="text:link2 url" content="/">
  26. <meta name="text:link3" content="" />
  27. <meta name="text:link3 url" content="/">
  28. <meta name="text:link4" content="" />
  29. <meta name="text:link4 url" content="/">
  30. <meta name="text:link5" content="" />
  31. <meta name="text:link5 url" content="/">
  32. <meta name="text:link6" content="" />
  33. <meta name="text:link6 url" content="/">
  34. <meta name="text:link7" content="" />
  35. <meta name="text:link7 url" content="/">
  36. <meta name="text:link8" content="" />
  37. <meta name="text:link8 url" content="/">
  38.  
  39. <meta name="image:background" content=""/>
  40. <meta name="image:info bg" content=""/>
  41. <meta name="image:boxbackground" content=""/>
  42. <meta name="image:tooltip bg" content=""/>
  43.  
  44.  
  45.  
  46. <head><title>{Title}</title>
  47. <link rel="shortcut icon" href="{Favicon}">
  48. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  49. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  50.  
  51. <script type="text/javascript">
  52. // <![CDATA[
  53. var colour="#b6b5b5"; // what colour are the blobs
  54. var speed=66; // speed of animation, lower is faster
  55. var blobs=15; // how many blobs are in the jar
  56. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  57.  
  58. /***************************\
  59. * Blobs in a Jar Effect *
  60. *(c)2012-13 mf2fm web-design*
  61. * http://www.mf2fm.com/rv *
  62. * DON'T EDIT BELOW THIS BOX *
  63. \***************************/
  64.  
  65. var div;
  66. var xpos=new Array();
  67. var ypos=new Array();
  68. var zpos=new Array();
  69. var dx=new Array();
  70. var dy=new Array();
  71. var dz=new Array();
  72. var blob=new Array();
  73. var swide=800;
  74. var shigh=600;
  75. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  76.  
  77. function addLoadEvent(funky) {
  78. var oldonload=window.onload;
  79. if (typeof(oldonload)!='function') window.onload=funky;
  80. else window.onload=function() {
  81. if (oldonload) oldonload();
  82. funky();
  83. }
  84. }
  85.  
  86. addLoadEvent(fill_the_jar);
  87.  
  88. function fill_the_jar() {
  89. var i, dvs;
  90. div=document.createElement('div');
  91. dvs=div.style;
  92. dvs.position='fixed';
  93. dvs.left='0px';
  94. dvs.top='0px';
  95. dvs.width='1px';
  96. dvs.height='1px';
  97. document.body.appendChild(div);
  98. set_width();
  99. for (i=0; i<blobs; i++) {
  100. add_blob(i);
  101. jamjar(i);
  102. }
  103. }
  104.  
  105. function add_blob(ref) {
  106. var dv, sy;
  107. dv=document.createElement('div');
  108. sy=dv.style;
  109. sy.position='absolute';
  110. sy.textAlign='center';
  111. if (ie_version && ie_version<10) {
  112. sy.fontSize="10px";
  113. sy.width="100px";
  114. sy.height="100px";
  115. sy.paddingTop="40px";
  116. sy.color=colour;
  117. dv.appendChild(document.createTextNode(charc));
  118. }
  119. else if (ie_version) {
  120. sy.fontSize="1px";
  121. sy.width="0px";
  122. sy.height="0px";
  123. }
  124. else {
  125. dv.appendChild(document.createTextNode(charc));
  126. sy.color='rgba(0,0,0,0)';
  127. }
  128. ypos[ref]=Math.floor(shigh*Math.random());
  129. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  130. xpos[ref]=Math.floor(swide*Math.random());
  131. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  132. zpos[ref]=Math.random()*20;
  133. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  134. blob[ref]=dv;
  135. div.appendChild(blob[ref]);
  136. set_blob(ref);
  137. }
  138.  
  139. function rejig(ref, xy) {
  140. if (xy=='y') {
  141. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  142. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  143. }
  144. else {
  145. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  146. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  147. }
  148. }
  149.  
  150. function sign(a) {
  151. if (a<0) return (-2);
  152. else if (a>0) return (2);
  153. else return (0);
  154. }
  155.  
  156. function set_blob(ref) {
  157. var sy;
  158. sy=blob[ref].style;
  159. sy.top=ypos[ref]+'px';
  160. sy.left=xpos[ref]+'px';
  161. if (ie_version && ie_version<10) {
  162. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  163. sy.fontSize=30-zpos[ref]+"px";
  164. }
  165. else if (ie_version) {
  166. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  167. }
  168. else {
  169. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  170. sy.fontSize=40+zpos[ref]+'px';
  171. }
  172. }
  173.  
  174. function jamjar(ref) {
  175. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  176. ypos[ref]+=dy[ref];
  177. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  178. xpos[ref]+=dx[ref];
  179. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  180. zpos[ref]+=dz[ref];
  181. set_blob(ref);
  182. setTimeout("jamjar("+ref+")", speed);
  183. }
  184.  
  185. window.onresize=set_width;
  186. function set_width() {
  187. var sw_min=999999;
  188. var sh_min=999999;
  189. if (document.documentElement && document.documentElement.clientWidth) {
  190. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  191. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  192. }
  193. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  194. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  195. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  196. }
  197. if (document.body.clientWidth) {
  198. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  199. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  200. }
  201. if (sw_min==999999 || sh_min==999999) {
  202. sw_min=800;
  203. sh_min=600;
  204. }
  205. swide=sw_min;
  206. shigh=sh_min;
  207. }
  208. // ]]>
  209. </script>
  210.  
  211.  
  212. <script type="text/javascript"
  213. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  214. <script>
  215. $(document).ready(function() {
  216. //
  217. $('a.poplight[href^=#]').click(function() {
  218. var popID = $(this).attr('rel'); //Get Popup Name
  219. var popURL = $(this).attr('href'); //Get Popup href to define size
  220. var query= popURL.split('?');
  221. var dim= query[1].split('&');
  222. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  223. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  224. var popMargTop = ($('#' + popID).height() + 80) / 2;
  225. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  226. //Apply Margin to Popup
  227. $('#' + popID).css({
  228. 'margin-top' : -popMargTop,
  229. 'margin-left' : -popMargLeft
  230. });
  231. $('body').append('<div id="fade"></div>');
  232. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  233. return false;
  234. });
  235. $('a.close, #fade').live('click', function() {
  236. $('#fade , .popup_block, .popup_block_info, .popup_block_ask, .popup_block_credit, .popup_block_navi').fadeOut(function() {
  237. $('#fade, a.close').remove(); //fade them both out
  238. });
  239. return false;
  240. });
  241. });
  242. </script>
  243.  
  244. <!– verses script –>
  245. <script src="http://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  246.  
  247. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  248. <script type="text/javascript">
  249. $(document).ready(function(){
  250. $(".links_body").hide();
  251. $(".links_head").click(function(){
  252. $(this).next(".links_body").slideToggle('fast');
  253. }); }); </script>
  254. <style type="text/css">
  255.  
  256.  
  257. .links_list { margin:0px; padding:0px; width:180px;}
  258. .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  259. .links_body { padding:10px; text-align:left; color: #fff; display:none;}
  260. </style>
  261.  
  262. <link href='https://fonts.googleapis.com/css?family=Lobster+Two:400,400italic' rel='stylesheet' type='text/css'>
  263.  
  264. <link href='https://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
  265.  
  266. <link href="http://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css">
  267.  
  268. <link href="http://fonts.googleapis.com/css?family=IM+Fell+Double+Pica+SC" rel="stylesheet" type="text/css">
  269.  
  270. <link href="http://fonts.googleapis.com/css?family=VT323" rel="stylesheet" type="text/css">
  271.  
  272. <style type="text/css">
  273.  
  274.  
  275. .links_list { margin:0px; padding:0px; width:178px;}
  276. .links_head {
  277. padding-top:5px;
  278. padding-bottom:5px;
  279. cursor:pointer;
  280. position:relative;
  281. margin:1px;
  282. text-align:center;
  283. text-transform:lowercase;
  284. font-family: 'Fjalla One', sans-serif;
  285. font-weight:bold;
  286. font-size:15px;
  287. color:#ffffff;
  288. text-shadow: 1px 1px 2px #000;
  289. }
  290. .links_body { padding:10px; text-align:left; color: #ffffff; display:none; text-transform:uppercase; font-family:helvetica; font-size:9px; color:#;}
  291.  
  292. #headerbar{
  293. left:50%;
  294. top:50%;
  295. margin-left:0px; /*– for placing –*/
  296. margin-top:0px; /*– for placing –*/
  297. width:178px; /*– sets width of your text –*/
  298. overflow:scroll;
  299. text-align:justify;
  300. color:#c7c7c7;
  301. font-family: 'Fjalla One', sans-serif;
  302. text-transform:uppercase;
  303. font-size:13px;
  304. }
  305.  
  306. #tabbar{
  307. left:50%;
  308. top:50%;
  309. margin-top:10px; /*– for placing –*/
  310. margin-left:0px; /*– for placing –*/
  311. width:178px; /*– sets width of your text –*/
  312. overflow:scroll;
  313. text-align:justify;
  314. color:#c7c7c7;
  315. font-family: arial;
  316. font-size:10px;
  317. }
  318.  
  319. ul#tabs {text-align: center;}
  320. ul#tabs li { /*– your inactive / not viewed tabs –*/
  321. display:inline-block;
  322. padding:2px;
  323. cursor:pointer;
  324. font-weight:bold;
  325. opacity:1;
  326. color:#c7c7c7;
  327. text-shadow: 1px 1px 1px #000000;
  328. }
  329.  
  330. ul#tabs li.active { /*– your active tab –*/
  331. background-color:#9a9897;
  332. font-weight:bold;
  333. color:#ffffff;
  334. -webkit-transition:
  335. all 0.5s ease-out;
  336. -moz-transition: all 0.5s ease-out;
  337. transition: all 0.5s ease-out;
  338. }
  339.  
  340. ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;}
  341. ul#tab li.active {display: block;}
  342. ul#tab li {display: none;}
  343.  
  344. .popup_block{
  345. color:#c7c7c7 !important;
  346. font-family:arial;
  347. font-size:11px;
  348. display:none;
  349. float:left;
  350. padding:10px 10px 10px;
  351. position:fixed;
  352. background: #837e7d;
  353. top:50%;left:50%;
  354. width: 178px;
  355. height: 265px;
  356. overflow-y:scroll;
  357. overflow-x:hidden;
  358. z-index: 99999;
  359. border:12px solid #9a9897;
  360. }
  361.  
  362. .popup_block_info{
  363. color:#c7c7c7 !important;
  364. font-family:arial;
  365. font-size:11px;
  366. display:none;
  367. float:left;
  368. padding:10px 10px 10px;
  369. position:fixed;
  370. background: #837e7d;
  371. top:50%;left:50%;
  372. width: 178px;
  373. height: 220px;
  374. overflow-y:scroll;
  375. overflow-x:hidden;
  376. z-index: 99999;
  377. border:12px solid #9a9897;
  378. }
  379.  
  380. .popup_block_ask{
  381. display:none;
  382. background: transparent;
  383. padding:20px;
  384. font-family:arial;
  385. font-size:11px;
  386. display:none;
  387. border:0px solid
  388. float:left;
  389. padding:10px 10px 10px;
  390. position:fixed;
  391. top:60%;left:55%;
  392. width: auto;
  393. height: auto;
  394. overflow-y:scroll;
  395. overflow-x:hidden;
  396. z-index: 99999;
  397. -webkit-animation: SlideIn 3s;
  398. -moz-animation: SlideIn 3s;
  399. -ms-animatin: SlideIn 3s;
  400. -o-animation: SlideIn 3s;
  401. animation: SlideIn 3s;
  402. }
  403.  
  404. .popup_block_navi{
  405. color:#c7c7c7 !important;
  406. font-family:arial;
  407. font-size:11px;
  408. display:none;
  409. float:left;
  410. padding:10px 10px 10px;
  411. position:fixed;
  412. background: #837e7d;
  413. top:50%;left:50%;
  414. width: 178px;
  415. height: 230px;
  416. overflow-y:scroll;
  417. overflow-x:hidden;
  418. z-index: 99999;
  419. border:12px solid #9a9897;
  420. }
  421.  
  422. .popup_block_credit{
  423. color:#c7c7c7 !important;
  424. font-family:arial;
  425. font-size:11px;
  426. display:none;
  427. float:left;
  428. padding:10px 10px 10px;
  429. position:fixed;
  430. background: #837e7d;
  431. top:50%;left:50%;
  432. width: 178px;
  433. height: 320px;
  434. overflow-y:scroll;
  435. overflow-x:hidden;
  436. z-index: 99999;
  437. border:12px solid #9a9897;
  438. }
  439.  
  440. .popup_block a {
  441. color:#9a9897;
  442. font-weight:bold;
  443. text-shadow: 0px 0px 2px #000;
  444. }
  445.  
  446. *html #fade {position: absolute;}
  447. *html .popup_block {position: absolute;}
  448. #fade {
  449. display:none;
  450. position:fixed;
  451. left:0px;
  452. top:0px;
  453. width:100%;
  454. height:100%;
  455. z-index:9999;
  456. opacity:0.5;
  457. background:#000;
  458. }
  459.  
  460. /*--Making IE6 Understand Fixed Positioning--*/
  461. *html #fade {
  462. position: absolute;
  463. }
  464. *html .popup_block {
  465. position: absolute;
  466. }
  467.  
  468. /* --- UPDATES ---*/
  469.  
  470. #boxbyireverent {
  471. position:fixed;
  472. z-index:999;
  473. padding:13px;
  474. position:fixed;
  475. font-family:helvetica;
  476. font-size:11px;
  477. overflow:auto;
  478. text-align:left;
  479. line-height:12px;
  480. margin-left:5px;
  481. bottom:3px;
  482. color:#c7c7c7;
  483. width:110px;
  484. height:38px;
  485. text-transform:none;
  486. border:8px solid #9a9897;
  487. overflow:hidden;
  488. transition: all 0.6s ease-out;
  489. -o-transition-transition: all 0.6s ease-out;
  490. -webkit-transition: all 0.6s ease-out;
  491. -moz-transition: all 0.6s ease-out;
  492. }
  493.  
  494.  
  495. ::-webkit-scrollbar-thumb {
  496. height:auto;
  497. background-color:{color:scrollbar bg};
  498. }
  499.  
  500. ::-webkit-scrollbar {
  501. height:0px;
  502. width:0px;
  503. padding-right:2px;
  504. background-color:white;
  505. }
  506.  
  507. blockquote {
  508. border-radius:10px;
  509. border-left:1px solid #c7c7c7;
  510. padding-left:9px;
  511. margin:17px;
  512. text-align:left;
  513. margin-left:1px;
  514. padding-top:1px;
  515. padding-bottom:1px;
  516. }
  517.  
  518. blockquote img {
  519. max-width:100%;
  520. height:auto;
  521.  
  522. }
  523.  
  524. blockquote blockquote img {
  525. max-width:100%;
  526. height:auto;
  527. }
  528.  
  529. h1 {
  530. font-family: 'Fjalla One', sans-serif;
  531. text-transform:uppercase;
  532. text-align: center;
  533. font-size:15px;
  534. line-height:100%;
  535. color: #c7c7c7;
  536. text-shadow: 0px 0px 2px #666666;
  537. }
  538.  
  539. h2 {
  540. font-size:17px;
  541. font-family: 'Fjalla One', sans-serif;
  542. color: #c7c7c7;
  543. font-weight:bold;
  544. text-shadow: 0px 0px 2px #666666;
  545. }
  546.  
  547. body {
  548. background:{color:background};
  549. background-image: url(http://i.imgur.com/TRbGV5E.gif);
  550. background-attachment: absolute;
  551. background-repeat: no-repeat;
  552. background-position: absolute;
  553. margin:0px;
  554. color:#c7c7c7;
  555. font-family:arial;
  556. text-align:justify;
  557. font-size:10px;
  558. word-wrap:break-word;
  559. }
  560.  
  561.  
  562.  
  563.  
  564. a {
  565. color:#815752;
  566. text-shadow: #9e8c8a;
  567. text-decoration:none;
  568. -moz-transition-duration:1s;
  569. -webkit-transition-duration:1s;
  570. -o-transition-duration:1s;
  571. }
  572.  
  573. a:hover {
  574. color:#ffffff;
  575. text-shadow: none;
  576. -moz-transition-duration:1s;
  577. -webkit-transition-duration:1s;
  578. -o-transition-duration:1s;
  579. }
  580.  
  581.  
  582. img {
  583. border:none;
  584. }
  585.  
  586. #sidebar {
  587. width:250px;
  588. position:fixed;
  589. margin-left:205px;
  590. margin-top:190px;
  591. }
  592.  
  593.  
  594. /*----------LINKS---------*/
  595.  
  596. .link1 {
  597. position: fixed;
  598. font-family: 'Great Vibes', cursive;
  599. margin-top: 390px;
  600. margin-left: 400px;
  601. -ms-transform: rotate(-25deg);
  602. -webkit-transform: rotate(-25deg);
  603. transform: rotate(-25deg);
  604. -webkit-filter: blur(1px);
  605. }
  606.  
  607. .link1 a {
  608. text-transform: uppercase;
  609. font-size: 43px;
  610. line-height: 80%;
  611. color: #c7c7c7;
  612. text-shadow: 1px 1px 2px #535252;
  613. -webkit-transition: all .7s ease-in-out;
  614. -moz-transition: all .7s ease-in-out;
  615. transition: all .7s ease-in-out;
  616. }
  617.  
  618. .link1 a:hover {
  619. color: #535252;
  620. -webkit-filter: blur(1px);
  621. }
  622.  
  623. .link2 {
  624. position: fixed;
  625. font-family: 'Great Vibes', cursive;
  626. margin-top: 425px;
  627. margin-left: 430px;
  628. -ms-transform: rotate(-75deg);
  629. -webkit-transform: rotate(-75deg);
  630. transform: rotate(-75deg);
  631. -webkit-filter: blur(1px);
  632. }
  633.  
  634. .link2 a {
  635. text-transform: uppercase;
  636. font-size: 32px;
  637. line-height: 80%;
  638. color: #c7c7c7;
  639. text-shadow: 1px 1px 2px #535252;
  640. -webkit-transition: all .5s ease-in-out;
  641. -moz-transition: all .5s ease-in-out;
  642. transition: all .5s ease-in-out;
  643. }
  644.  
  645. .link2 a:hover {
  646. color: #535252;
  647. -webkit-filter: blur(1px);
  648. }
  649.  
  650. .link3 {
  651. position: fixed;
  652. font-family: 'Great Vibes', cursive;
  653. margin-top: 445px;
  654. margin-left: 401px;
  655. -ms-transform: rotate(-65deg);
  656. -webkit-transform: rotate(-65deg);
  657. transform: rotate(-65deg);
  658. -webkit-filter: blur(1px);
  659. }
  660.  
  661. .link3 a {
  662. text-transform: uppercase;
  663. font-size: 28px;
  664. line-height: 80%;
  665. color: #c7c7c7;
  666. text-shadow: 1px 1px 2px #535252;
  667. -webkit-transition: all .5s ease-in-out;
  668. -moz-transition: all .5s ease-in-out;
  669. transition: all .5s ease-in-out;
  670. }
  671.  
  672. .link3 a:hover {
  673. color: #535252;
  674. -webkit-filter: blur(1px);
  675. }
  676.  
  677. .link4 {
  678. position: fixed;
  679. font-family: 'Great Vibes', cursive;
  680. margin-top: 462px;
  681. margin-left: 430px;
  682. -ms-transform: rotate(-35deg);
  683. -webkit-transform: rotate(-35deg);
  684. transform: rotate(-35deg);
  685. -webkit-filter: blur(1px);
  686. }
  687.  
  688. .link4 a {
  689. text-transform: uppercase;
  690. font-size: 39px;
  691. line-height: 80%;
  692. color: #c7c7c7;
  693. text-shadow: 1px 1px 2px #535252;
  694. -webkit-transition: all .5s ease-in-out;
  695. -moz-transition: all .5s ease-in-out;
  696. transition: all .5s ease-in-out;
  697. }
  698.  
  699. .link4 a:hover {
  700. color: #535252;
  701. -webkit-filter: blur(1px);
  702. }
  703.  
  704. .link5 {
  705. position: fixed;
  706. font-family: 'Great Vibes', cursive;
  707. margin-top: 490px;
  708. margin-left: 415px;
  709. -ms-transform: rotate(60deg);
  710. -webkit-transform: rotate(60deg);
  711. transform: rotate(60deg);
  712. -webkit-filter: blur(1px);
  713. }
  714.  
  715. .link5 a {
  716. text-transform: uppercase;
  717. font-size: 33px;
  718. line-height: 80%;
  719. color: #c7c7c7;
  720. text-shadow: 1px 1px 2px #535252;
  721. -webkit-transition: all .5s ease-in-out;
  722. -moz-transition: all .5s ease-in-out;
  723. transition: all .5s ease-in-out;
  724. }
  725.  
  726. .link5 a:hover {
  727. color: #535252;
  728. -webkit-filter: blur(1px);
  729. }
  730.  
  731. .link6 {
  732. position: fixed;
  733. font-family: 'Great Vibes', cursive;
  734. margin-top: 505px;
  735. margin-left: 440px;
  736. -ms-transform: rotate(33deg);
  737. -webkit-transform: rotate(33deg);
  738. transform: rotate(33deg);
  739. -webkit-filter: blur(1px);
  740. }
  741.  
  742. .link6 a {
  743. text-transform: uppercase;
  744. font-size: 43px;
  745. line-height: 80%;
  746. color: #c7c7c7;
  747. text-shadow: 1px 1px 2px #535252;
  748. -webkit-transition: all .5s ease-in-out;
  749. -moz-transition: all .5s ease-in-out;
  750. transition: all .5s ease-in-out;
  751. }
  752.  
  753. .link6 a:hover {
  754. color: #535252;
  755. -webkit-filter: blur(1px);
  756. }
  757.  
  758. #description {
  759. width:308px;
  760. font-size:9px;
  761. padding:5px;
  762. color:#fff;
  763. opacity:.85;
  764. text-align:center;
  765. letter-spacing:0px;
  766. line-height:90%;
  767. margin-left:357px;
  768. margin-top:-34px;
  769. }
  770.  
  771. #s-m-t-tooltip {
  772. max-width:300px;
  773. padding:3px 7px 3px 8px;
  774. margin:-20px 0px 0px 20px;
  775. background-color:#9a9897;
  776. color:#c7c7c7;
  777. font-size:7px;
  778. text-transform:uppercase;
  779. z-index:999999999999;
  780. letter-spacing:2px;
  781. -webkit-border-radius:5px;
  782. -moz-border-radius:5px;
  783. border-radius:5px;
  784. }
  785.  
  786.  
  787. .pagination {
  788. text-decoration:none !important;
  789. text-transform:uppercase;
  790. letter-spacing: 1px;
  791. padding:3px;
  792. color:#fff;
  793. opacity:.55;
  794. text-align:center;
  795. top:545px;
  796. margin-left: 490px;
  797. position: fixed;
  798. -webkit-transition:none !important;
  799. -moz-transition:none !important;
  800. }
  801.  
  802. .pagination a{
  803. letter-spacing:4px;
  804. font-size:8px;
  805. font-weight:bold;
  806. font-style: italic;
  807. font-family: 'Fjalla One', sans-serif;
  808. color:#c7c7c7;
  809. text-shadow: 1px 1px 1px #000000;
  810. }
  811.  
  812. .pagination a:hover{
  813. color:{color:links hover};
  814. -webkit-filter: blur(2px);
  815. -webkit-transition:all .5s ease-in-out;
  816. -moz-transition:all .5s ease-in-out;
  817. transition:all .5s ease-in-out;
  818.  
  819. }
  820.  
  821.  
  822. bold, strong, b {
  823. font-size: 14px;
  824. font-family: 'Fjalla One', sans-serif;
  825. color:#9e8684;
  826. text-shadow: 1px 1px 1px #535252;
  827. }
  828.  
  829. i, em {
  830. color:#c7c7c7;
  831. text-shadow: 0px 0px 2px #535252;
  832. font-family:georgia, sans-serif;
  833. font-size:12px;
  834. }
  835.  
  836. small, sub, sup {
  837. font-size:10px;
  838. }
  839.  
  840. pre {
  841. font-size:10px;
  842. text-align:center;
  843. width:100%;
  844. white-space:pre-wrap;
  845. word-wrap:break-word;
  846.  
  847. }
  848.  
  849. #post {
  850. width:190px;
  851. padding-bottom:30px;
  852. margin-top:10px;
  853. text-align:justify;
  854. font-size:11px;
  855. line-height:110%;
  856. }
  857.  
  858.  
  859. #entries {
  860. width:190px;
  861. height:230px;
  862. text-align:left;
  863. position:fixed;
  864. padding:0px;
  865. overflow:scroll;
  866. overflow-x:hidden;
  867. z-index:999;
  868. margin-top:310px;
  869. margin-left:496px;
  870.  
  871. }
  872.  
  873. #entries img {
  874. height:auto;
  875. max-width:100%;
  876.  
  877. }
  878.  
  879.  
  880. #info {
  881. font-family: 'VT323',serif ;
  882. width:180px;
  883. margin-top:0px;
  884. padding-top:4px;
  885. margin-left:auto;
  886. margin-right:auto;
  887. padding-BOTTOM:1px;
  888. font-size:14px;
  889. color:{color:info text};
  890. text-transform:uppercase;
  891. letter-spacing:1px;
  892. font-style:normal;
  893. text-align:center;
  894. padding:4px;
  895. background:#9a9897;
  896. border-top-left-radius:20px;
  897. border-bottom-right-radius:20px;
  898. -moz-transition-duration:0.2s;
  899. -webkit-transition-duration:0.2s;
  900. -o-transition-duration:0.2s;
  901. }
  902.  
  903. #info a {
  904. font-size:11px;
  905. color:#c7c7c7;
  906. text-shadow: 0px 0px 3px {color:info link shadow};
  907. padding:5px;
  908. font-style:normal;
  909. }
  910.  
  911. #info a:hover {
  912. color:#535252;
  913. -webkit-filter: blur(0px);
  914. -moz-transition-duration:0.2s;
  915. -webkit-transition-duration:0.2s;
  916. -o-transition-duration:0.2s;
  917. }
  918.  
  919. .tags {
  920. width:180px;
  921. text-transform:lowercase;
  922. margin-left:auto;
  923. margin-right:auto;
  924. padding:3px;
  925. font-size:12px;
  926. font-style:normal;
  927. font-family: helvetica;
  928. padding-top:4px;
  929. line-height:80%;
  930. color:#c7c7c7;
  931. font-size:12px;
  932. text-align:center;
  933. opacity:0;
  934. -moz-transition-duration:.7s;
  935. -webkit-transition-duration:.7s;
  936. -o-transition-duration:.7s;
  937.  
  938. }
  939.  
  940. .tags a{
  941. font-size:9px;
  942. font-family: helvetica;
  943. text-transform:LOWERCASE;
  944. font-weight:0;
  945. font-weight:none;
  946. text-shadow: none;
  947. color:#c7c7c7;
  948. opacity:0.5;
  949. font-weight:none;
  950.  
  951. }
  952. .tags a:hover{
  953. color:#535252;
  954. opacity:1;
  955. font-weight:none;
  956. -moz-transition-duration:0.8s;
  957. -webkit-transition-duration:0.8s;
  958. -o-transition-duration:0.8s;
  959.  
  960. }
  961.  
  962. #post:hover .tags {
  963. opacity:1;
  964. -moz-transition-duration:1.2s;
  965. -webkit-transition-duration:1.2s;
  966. -o-transition-duration:1.2s;
  967. }
  968.  
  969.  
  970.  
  971. #asker {
  972. font-family:georgia;
  973. font-size:12px;
  974. text-align:right;
  975. margin-left:15px;
  976. margin-right:5px;
  977. text-transform:uppercase;
  978. color: #c7c7c7;
  979. text-shadow: 0px 0px 2px #535252;
  980. letter-spacing:3px;
  981. font-style: italic;
  982. }
  983.  
  984. #asker a{
  985. color:#c7c7c7;
  986. text-shadow: 0px 0px 2px #535252;
  987. font-family:georgia;
  988. font-size:12px;
  989. font-style: italic;
  990. }
  991.  
  992. #asker a:hover {
  993. color: #fff;
  994. letter-spacing: 3px;
  995. }
  996.  
  997. #ask {
  998. font-family: times;
  999. font-size:11px;
  1000. text-align:center;
  1001. padding-top: 5px;
  1002. margin-left:5px;
  1003. margin-right:5px;
  1004. text-transform:auto;
  1005. line-height:130%;
  1006. padding:8px;
  1007. background:#9a9897;
  1008. color:#c7c7c7;
  1009. text-transform: lowercase;
  1010. border-top-left-radius:20px;
  1011. border-bottom-right-radius:20px;
  1012. }
  1013.  
  1014. .ans {
  1015. text-align:left;
  1016. padding:10px;
  1017.  
  1018. }
  1019.  
  1020.  
  1021. /*----------AUDIO---------*/
  1022.  
  1023. .newplayerbutton {
  1024. position:relative;
  1025. width:12px;
  1026. height:12px;
  1027. overflow:hidden;
  1028. }
  1029.  
  1030. .playerbuttonhug {
  1031. margin-top:-1px;
  1032. margin-left:2px;
  1033. }
  1034.  
  1035. .tumblr_audio_player {
  1036. border:none;
  1037. padding:0px;
  1038. margin:0px;
  1039. height:50px;
  1040. width:182px;
  1041. }
  1042.  
  1043. .playerbuttonbg {
  1044. position: absolute;
  1045. left:8px;
  1046. top:-7px;
  1047. width:11px;
  1048. height:11px;
  1049. background-color:#9a9897;
  1050. padding:10px;
  1051. opacity:0.1;
  1052. filter: alpha(opacity=40);
  1053. -moz-opacity:0.4;
  1054. -khtml-opacity:0.4;
  1055. transition:opacity .7s ease-in-out;
  1056. -moz-transition:opacity .7s ease-in-out;
  1057. -webkit-transition:opacity .7s ease-in-out;
  1058. }
  1059.  
  1060. .playerbuttonbg:hover {
  1061. opacity:1;
  1062. filter:alpha(opacity=100);
  1063. -moz-opacity:1;
  1064. -khtml-opacity:1;
  1065. }
  1066.  
  1067. .audioimgwrapper {
  1068. position: absolute;
  1069. top:-15px;
  1070. -webkit-border-radius: 50px;
  1071. -moz-border-radius: 50px;
  1072. border-radius: 0px;
  1073. overflow:hidden;
  1074. width:31px;
  1075. height:31px;
  1076. border:8px solid #c7c7c7;
  1077. }
  1078.  
  1079. .audioimgwrapper img {
  1080. width:100%;
  1081. height:auto;
  1082. -webkit-filter: grayscale(50%);
  1083. -moz-filter: grayscale(50%);
  1084. filter: grayscale(50%);
  1085. -webkit-border-radius:50px;
  1086. -moz-border-radius:50px;
  1087. border-radius:0px;
  1088. }
  1089.  
  1090. .trackdetails {
  1091. width:130px;
  1092. letter-spacing:1px;
  1093. font-size:5px;
  1094. color:#fff;
  1095. display:inline-block;
  1096. margin-left:55px;
  1097. height:17px;
  1098. padding:15px 22px 15px 20px;
  1099. margin-top:-15px;
  1100. line-height:120%;
  1101. text-transform:uppercase;
  1102. background-color:#c7c7c7;
  1103. }
  1104.  
  1105. .audiowrapper {
  1106. position:relative;
  1107. display:inline-block;
  1108. }
  1109.  
  1110. baudio{
  1111. text-transform:uppercase;
  1112. font-size:9px;
  1113. font-weight:bold;
  1114. font-family:arial;
  1115. color:#fff;}
  1116.  
  1117.  
  1118. #credit {
  1119. position:fixed;
  1120. font-size:16px;
  1121. font-weight:none;
  1122. line-height:150%;
  1123. letter-spacing:2px;
  1124. right:5px;
  1125. bottom:5px;
  1126. text-transform:uppercase;
  1127. text-align:center;
  1128. text-transform:uppercase;
  1129. font-size:17px;
  1130. position:fixed;
  1131. font-weight:bold;
  1132. }
  1133.  
  1134. #credit a {
  1135. letter-spacing: 0px;
  1136. padding:3px;
  1137. color:#c7c7c7;
  1138. text-decoration:none !important;
  1139. text-shadow:0px 0px 1px #fff;
  1140. }
  1141.  
  1142. #credit a:hover {
  1143. text-shadow:0px 0px 7px white;
  1144. -ms-transform: rotate(-380deg);
  1145. -webkit-transform: rotate(-380deg);
  1146. transform: rotate(-380deg);
  1147. -webkit-transition: all 0.4s ease-in-out;
  1148. -moz-transition: all 0.4s ease-in-out;
  1149. -o-transition: all 0.4s ease-in-out;
  1150. }
  1151.  
  1152.  
  1153.  
  1154.  
  1155.  
  1156. {CustomCSS}</style></head><body>
  1157.  
  1158. <script type="text/javascript">
  1159. WebFontConfig = {
  1160. google: { families: [ 'Monsieur+La+Doulaise::latin' ] }
  1161. };
  1162. (function() {
  1163. var wf = document.createElement('script');
  1164. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  1165. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  1166. wf.type = 'text/javascript';
  1167. wf.async = 'true';
  1168. var s = document.getElementsByTagName('script')[0];
  1169. s.parentNode.insertBefore(wf, s);
  1170. })(); </script>
  1171.  
  1172. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1173. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1174. <script>
  1175.  
  1176. (function($){
  1177.  
  1178. $(document).ready(function(){
  1179.  
  1180. $("a[title]").style_my_tooltips({
  1181.  
  1182. tip_follows_cursor:true,
  1183.  
  1184. tip_delay_time:60,
  1185.  
  1186. tip_fade_speed:900,
  1187.  
  1188. attribute:"title"
  1189.  
  1190. });
  1191.  
  1192. });
  1193.  
  1194. })(jQuery);
  1195.  
  1196. </script>
  1197.  
  1198.  
  1199. <div id="links">
  1200. <div class="link1">
  1201. <a href="/" title="riverdale.">✧</a></div>
  1202.  
  1203. <div class="link2">
  1204. <a href="#?w=450" title="letters." rel="box2" class="poplight">✧</a></div>
  1205.  
  1206. <div class="link3">
  1207. <a href="#?w=178" title="regulations." rel="box3" class="poplight">✧</a></div>
  1208.  
  1209. <div class="link4">
  1210. <a href="#?w=178" title="dossier." rel="box4" class="poplight">✧</a></div>
  1211.  
  1212. <div class="link5">
  1213. <a href="#?w=178" title="tales." rel="box5" class="poplight">✧</a></div>
  1214.  
  1215. <div class="link6">
  1216. <a href="#?w=178" title="the map." rel="box6" class="poplight">✧</a></div>
  1217.  
  1218. </div>
  1219.  
  1220.  
  1221. <div id="entries">{block:Posts}<!-- {block:NoRebloggedFrom}
  1222. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1223. {/block:NoRebloggedFrom} --><div id="post">
  1224.  
  1225. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1226.  
  1227. {block:Quote}<div style="line-height:80%; text-align: center; font-family: cambria; font-size: 18px; text-transform:uppercase">"{Quote}"</div>{block:Source}<div style="text-align: center; font-size:9px;">— {Source}</div>{/block:Source}{/block:Quote}
  1228.  
  1229. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}<br/>{/block:Chat}
  1230.  
  1231. {block:Video}{Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1232.  
  1233. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="229px"> {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1234.  
  1235. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1236.  
  1237. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1238.  
  1239.  
  1240. {block:Audio}{block:AudioPlayer}
  1241. <div class="audiowrapper">
  1242. {block:AlbumArt}
  1243. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1244. {/block:AlbumArt}
  1245. <div class="playerbuttonbg">
  1246. <div class="newplayerbutton">
  1247. <div class="playerbuttonhug">
  1248. {AudioPlayerGrey}
  1249. </div></div></div>
  1250. <div class="trackdetails">
  1251. {block:TrackName}<baudio>{TrackName}</baudio>{/block:TrackName}
  1252. <br> {block:Artist}{Artist}{/block:Artist}<br/>{FormattedPlayCount} plays</div></div>
  1253. {/block:AudioPlayer}
  1254. {block:Caption}<div class="acaption">{Caption}</div>{/block:Caption}
  1255. {/block:Audio}<br/><br/>
  1256.  
  1257. {block:Answer}
  1258. <div id="ask">{question}</div>
  1259. <div id="asker">{Asker}</div>
  1260. {Answer}{/block:Answer}
  1261.  
  1262. {block:Date}<div id="info"> <a href="{Permalink}" title="{TimeAgo}">♡</a>
  1263. {/block:Date} {block:NoteCount} <a href="{Permalink}" title="{NoteCount}">♡</a> {/block:NoteCount}
  1264.  
  1265. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">♡</a> {/block:RebloggedFrom}{block:ContentSource} <a title="{SourceTitle}" href="{SourceURL}">♡</a>{/block:ContentSource} {/block:RebloggedFrom} <a href="{ReblogURL}"target="_blank" title="REBLOG?">♡</a> </div>
  1266.  
  1267. {block:HasTags}
  1268. <div class="tags">
  1269. <center> {block:Tags} <a href="{TagURL}">&nbsp; #{Tag} </a> {/block:Tags} </div></center>
  1270. {/block:HasTags}
  1271. <div class="postnote">
  1272. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1273. </div>
  1274. </div>
  1275. {/block:Posts}
  1276.  
  1277.  
  1278. </div></div></div></div>
  1279. </div>
  1280.  
  1281.  
  1282. <div class="pagination">
  1283. {block:Pagination}
  1284. {block:PreviousPage}
  1285. <a href="{PreviousPage}">« previous</a>{/block:PreviousPage} &nbsp; &nbsp;&nbsp;
  1286.  
  1287. {block:NextPage}
  1288. <a href="{NextPage}">next »</a>
  1289. {/block:NextPage}
  1290. {/block:Pagination}
  1291. </div>
  1292. <div id="box8" class="popup_block_info">
  1293. <div style="font-family:helvetica;font-size:8px;letter-spacing:1px; text-align: center;"><br/><p>
  1294. independent, highly selective && private<br/>
  1295. <b>BETTY COOPER</b><br/>
  1296. from <i>cw's riverdale</i><br/>
  1297. penned by dawn
  1298.  
  1299. <br/><br/><br/><br/><br/><p>based on the cw's series, minor influences from the archie comics<br/>
  1300. <br><u>established. february 2016</u></i>
  1301.  
  1302. <br/><br/><br/><br/><br/><p><b>#DIARYBRAVED</b>
  1303. </div>
  1304. </div>
  1305.  
  1306. <div id="box2" class="popup_block_ask">
  1307.  
  1308. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  1309.  
  1310.  
  1311. <div id="box3" class="popup_block">
  1312. <p><p><b><big><big><big><big><center>REGULATIONS.</center></big></big></big></big></big></big></b>
  1313.  
  1314. add rules here.
  1315.  
  1316. </div>
  1317.  
  1318.  
  1319.  
  1320.  
  1321. <div id="box4" class="popup_block">
  1322. <p><p><b><big><big><big><big><center>dossier.</center></big></big></big></big></big></big></b>
  1323. <br/><br/>
  1324. <div id="headerbar">
  1325. <ul id="tabs">
  1326. <li class="active">GENERAL</li>
  1327. <li>BIOGRAPHY</li>
  1328. </ul></div>
  1329. <div id="tabbar">
  1330. <ul id="tab">
  1331.  
  1332. <li class="active">
  1333. <i>‘ insert quote here‘</i><br/>
  1334.  
  1335. <br>add about here.
  1336.  
  1337. </li>
  1338.  
  1339. <li>
  1340.  
  1341. <i>"insert quote here"</i><br/>
  1342.  
  1343. <br>to be added.
  1344.  
  1345.  
  1346.  
  1347. </li>
  1348.  
  1349. </div></div>
  1350.  
  1351. <div id="box5" class="popup_block">
  1352. <p><p><b><big><big><big><big><center>verses.</center></big></big></big></big></big></big></b><br/>
  1353. <div id="headerbar">
  1354. <ul id="tabs">
  1355. <li class="active">MAIN</li>
  1356. <li>YOUNGER</li>
  1357. </ul></div>
  1358. <div id="tabbar">
  1359. <ul id="tab">
  1360.  
  1361. <li class="active">
  1362.  
  1363. <center><img src="insert imagine here" width="74px"> &nbsp; <img src="insert imagine here" width="74px">
  1364.  
  1365. <h1><a href="/tagged/enter tag here">EXAMPLE.</a href></h1></center>
  1366.  
  1367. to be added.
  1368.  
  1369.  
  1370.  
  1371. </li>
  1372.  
  1373. <li>
  1374.  
  1375. <center><img src="insert imagine here" width="74px"> &nbsp; <img src="insert imagine here" width="74px">
  1376.  
  1377. <h1><a href="/tagged/enter tag here">EXAMPLE.</a href></h1></center>
  1378.  
  1379. to be added.
  1380.  
  1381.  
  1382. </li>
  1383.  
  1384. <li>
  1385.  
  1386. </li>
  1387.  
  1388. </div>
  1389.  
  1390. </div>
  1391.  
  1392. <div id="box6" class="popup_block_navi">
  1393. <p><p><b><big><big><big><big><center>navigation.</center></big></big></big></big></big></big></b>
  1394.  
  1395. <br/><br/><br/><br/>
  1396.  
  1397.  
  1398.  
  1399.  
  1400. <div class="links_list">
  1401. <p class="links_head">general</p>
  1402. <div class="links_body">
  1403. <center>
  1404.  
  1405. <p><a href="insert url here">EXAMPLE.</a> &nbsp; - &nbsp;&nbsp;<a href="insert url here">EXAMPLE.</a> &nbsp; - &nbsp;&nbsp;<a href="insert url here">EXAMPLE.</a></p>
  1406.  
  1407. </center>
  1408. </div>
  1409.  
  1410.  
  1411. <p class="links_head"><a href="#?w=178" rel="box1" class="poplight"><font color="ffffff">credits</font></a></p>
  1412.  
  1413.  
  1414.  
  1415. </center>
  1416. </div>
  1417.  
  1418. </div>
  1419. </div>
  1420.  
  1421.  
  1422.  
  1423. </div></div></div></div></div></div></div></div></div></div>
  1424.  
  1425.  
  1426. <BODY onselectstart="return false;" ondragstart="return false;">
  1427. </body>
  1428. <div id="box1" class="popup_block_credit">
  1429. <p><p><b><big><big><big><big><center>credits.</center></big></big></big></big></big></big></b>
  1430. <center><p><b>background image</b><br/>
  1431. <a href="http://diarybraved.tumblr.com/">diarybraved</a>
  1432.  
  1433. <p><b>coding</b><br/>
  1434. code by <a href="http://greenleaf.co.vu/">edhelhernil</a><br/>edited by <a href="http://masochiiste.tumblr.com/">masochiiste / diarybraved</a>
  1435.  
  1436. <p><b>tabs</b><br/>
  1437. <a href="http://showmaxter.tumblr.com/post/132546787189/how-to-have-tabs-in-your-pop-ups">showmaxter</a>
  1438.  
  1439. <p><b>updates tab</b><br/>
  1440. <a href="http://ocehans.tumblr.com/boxy">ocehans</a>
  1441.  
  1442. <p><b>drop down menu</b></br>
  1443. <a href="http://academyoftumblr.tumblr.com/tagged/sliding_dropdown_menu_with_image">academyoftumblr</a>
  1444.  
  1445. <p><b>pop-up pages</b></br>
  1446. <a href="http://str-wrs.tumblr.com/post/54163198643/tutorial-pop-up-boxes-live-preview">str-wrs</a></center>
  1447.  
  1448. </div>
  1449.  
  1450. <div id="box7" class="popup_block">
  1451. <iframe frameborder="0" border="0" scrolling="no" width="300" height="190" allowtransparency="true" src="http://www.tumblr.com/submit_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe><br>
  1452. </div>
  1453.  
  1454. <div id="boxbyireverent">
  1455. <div style="overflow:auto; width: 110px;padding-right:4px; height: 37px; border: 0px solid #000000; font-family:helvetica;font-size:8px;letter-spacing:1px; text-align: center;">
  1456.  
  1457.  
  1458. <i>betty cooper</i><br/>
  1459. penned by dawn
  1460.  
  1461. <br/><a href="#?w=178" rel="box8" class="poplight">+ more info.</a>
  1462.  
  1463.  
  1464. </div></div>
  1465.  
  1466. </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!