API tools faq
paste
Advertisement
imgirlrauhl

All-in-one #2 - Truth Lies

imgirlrauhl
Jun 22nd, 2014
965
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.34 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <!----------
  6.  
  7. All-in-one Page #2 "Truth Lies" by Vanne @ vitanica.tumblr.com
  8.  
  9. .Do NOT remove the credits
  10. .Do NOT steal my codes
  11. .Do NOT use as base code
  12. .Do NOT claim as your own
  13.  
  14. Thank you so much for using my page! <3
  15.  
  16. ----------->
  17.  
  18. <html>
  19.  
  20. <head>
  21.  
  22. <title>All about me!</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25.  
  26. <style type="text/css">
  27.  
  28. body {
  29. background: url('https://31.media.tumblr.com/057805aba84a257ad0542cc98bb46b10/tumblr_n5vtakJnfC1t0v4cmo1_400.png'); /*background image*/
  30. background-attachment: fixed;
  31. background: # ; /*background color*/
  32. overflow: hidden;
  33. word-wrap: break-word;
  34. }
  35.  
  36. a { color: #5B84FF; text-decoration: none; } /*link color*/
  37.  
  38. a:hover { color: #aaa; text-decoration: none; } /*link hover color*/
  39.  
  40. b, strong { color: #455B9C; font-weight: bold; } /*bold text color*/
  41.  
  42. i, em { color: #3E7FF5; font-style: italic; } /*italic text color*/
  43.  
  44. blockquote {
  45. margin: 0px;
  46. padding: 5px;
  47. border-left: 3px solid #5B84FF; /*blockquote border color*/
  48. background: #f3f3f3; /*blockquote background*/
  49. }
  50.  
  51. ::-webkit-scrollbar-thumb:vertical {
  52. background: #7F9AE8; /*scrollbar thumb color*/
  53. height: auto;}
  54.  
  55. ::-webkit-scrollbar-thumb:horizontal {
  56. background: #7F9AE8; /*scrollbar thumb color*/
  57. height: auto;}
  58.  
  59. ::-webkit-scrollbar {
  60. height: 4px;
  61. width: 4px;
  62. background: #fff; /*scrollbar bottom color*/
  63. }
  64.  
  65. #all {
  66. position:relative;
  67. top:0px;
  68. width:500px;
  69. margin:0 auto;
  70. padding:5px;
  71. -webkit-transition: all 0.5s ease-in-out;
  72. -moz-transition: all 0.5s ease-in-out;
  73. -o-transition: all 0.5s ease-in-out;
  74. -ms-transition: all 0.5s ease-in-out;
  75. transition: all 0.5s ease-in-out;
  76. }
  77.  
  78. #holder1 {
  79. margin-top: 80px;
  80. width: 500px;
  81. text-align: center;
  82. }
  83.  
  84. #icon {
  85. margin: 0px;
  86. background: #333; /*icon border (this color needs to be the same color as the title background so it can look good)*/
  87. height: 80px;
  88. width: 80px;
  89. padding: 10px;
  90. -webkit-border-radius: 70px;
  91. -moz-border-radius: 70px;
  92. border-radius: 70px;
  93. }
  94.  
  95. #icon img {
  96. height: 80px;
  97. width: 80px;
  98. -webkit-border-radius: 70px;
  99. -moz-border-radius: 70px;
  100. border-radius: 70px;
  101. }
  102.  
  103. #title {
  104. margin-top: -53px;
  105. margin-left: 85px;
  106. background: #333; /*title background*/
  107. color: #fff; /*title color*/
  108. font-size: 18px;
  109. font-family: Courier New;
  110. line-height: 25px;
  111. height: 25px;
  112. width: 400px;
  113. text-align: center;
  114. text-transform: uppercase;
  115. -webkit-border-top-right-radius: 30px;
  116. -webkit-border-bottom-right-radius: 30px;
  117. -moz-border-radius-topright: 30px;
  118. -moz-border-radius-bottomright: 30px;
  119. border-top-right-radius: 30px;
  120. border-bottom-right-radius: 30px;
  121. }
  122.  
  123. #main {
  124. position: absolute;
  125. margin-left: 85px;
  126. width: 400px;
  127. text-align: center;
  128. margin-top: 3px;
  129. }
  130.  
  131. #main a {
  132. margin: 0px 2px 0px 2px;
  133. display: inline-block;
  134. width: 10px;
  135. height: 10px;
  136. -webkit-transition:all .6s ease;
  137. -moz-transition:all .6s ease;
  138. transition:all .6s ease;
  139. -o-transition:all .6s ease;
  140. }
  141.  
  142. #main a:hover {
  143. box-shadow: inset 0 10px 0 0 #333; /*this is the background of the small square links when you hover on them*/
  144. -webkit-border-radius: 10px;
  145. -moz-border-radius: 10px;
  146. border-radius: 10px;
  147. }
  148.  
  149. #holder2 {
  150. margin-top: 10px;
  151. margin-left: 0px;
  152. height: 380px;
  153. width: 500px;
  154. text-align: center;
  155. }
  156.  
  157. #navi {
  158. margin: 0px;
  159. width: 500px;
  160. text-align: center;
  161. }
  162.  
  163. #navi a {
  164. margin: 0px 2px 0px 2px;
  165. background: #5D8ADD; /*navigation background*/
  166. display: inline-block;
  167. width: 70px;
  168. height: 18px;
  169. line-height: 18px;
  170. font-size: 12px;
  171. font-family: Consolas;
  172. font-style: italic;
  173. color: #fff; /*navigation links color*/
  174. text-align: center;
  175. -webkit-transition:all .6s ease;
  176. -moz-transition:all .6s ease;
  177. transition:all .6s ease;
  178. -o-transition:all .6s ease;
  179. }
  180.  
  181. #navi a:hover {
  182. box-shadow: inset 0 18px 0 0 #333; /*navigation background hover*/
  183. }
  184.  
  185. #infoholder {
  186. margin: 0px;
  187. height: 360px;
  188. width: 500px;
  189. text-align: center;
  190. border-top: 2px solid #5D8ADD; /*this is the border of the main holder, you should put the same color as the navigation background so it will look nice :)*/
  191. background: #fff; /*main holder background */
  192. -webkit-border-bottom-right-radius: 20px;
  193. -webkit-border-bottom-left-radius: 20px;
  194. -moz-border-radius-bottomright: 20px;
  195. -moz-border-radius-bottomleft: 20px;
  196. border-bottom-right-radius: 20px;
  197. border-bottom-left-radius: 20px;
  198. }
  199.  
  200. #infoimg {
  201. position: fixed;
  202. margin: 10px;
  203. height: 340px;
  204. width: 480px;
  205. }
  206.  
  207. #infoimg img {
  208. height: 340px;
  209. width: 480px;
  210. -webkit-border-bottom-right-radius: 13px;
  211. -webkit-border-bottom-left-radius: 13px;
  212. -moz-border-radius-bottomright: 13px;
  213. -moz-border-radius-bottomleft: 13px;
  214. border-bottom-right-radius: 13px;
  215. border-bottom-left-radius: 13px;
  216. }
  217.  
  218. /*this is the title that appears when you click on one of the links*/
  219. #infotitle {
  220. width: 460px;
  221. text-align: center;
  222. font-family: Consolas;
  223. font-size: 16px;
  224. font-style: italic;
  225. color: #5C7BD8; /*title color*/
  226. padding-bottom: 4px;
  227. border-bottom: 2px solid #333; /*title border*/
  228. }
  229.  
  230. #description {
  231. width: 450px;
  232. height: 285px;
  233. overflow: auto;
  234. text-align: center;
  235. font-family: Consolas;
  236. font-size: 11px;
  237. font-style: italic;
  238. color: #333; /*description text color*/
  239. padding: 15px 5px 0px 5px;
  240. -webkit-transition:all .7s ease;
  241. -moz-transition:all .7s ease;
  242. transition:all .7s ease;
  243. -o-transition:all .7s ease;
  244. }
  245.  
  246. .tag {
  247. width: 450px;
  248. margin-bottom: 10px;
  249. text-align: left;
  250. color: #333;
  251. }
  252.  
  253. .tag b {
  254. color: #4B70C8; /*tags title color*/
  255. font-style: normal;
  256. font-size: 13px;
  257. font-family: courier New;
  258. text-transform: uppercase;
  259. }
  260.  
  261. .tag a { color: #50A8D8; } /*tags link*/
  262. .tag a:hover { color: #aaa; } /*tags link hover*/
  263.  
  264. #link { text-align: left; }
  265.  
  266. /*this is where you customize the links of the Links section, you can change the color and the border*/
  267. #link a {
  268. width: 400px;
  269. display: block;
  270. font-size: 13px;
  271. color: #4377CF; /*links color*/
  272. text-align: left;
  273. border-left: 25px solid #e3e3e3; /*links border*/
  274. padding: 0px 5px 0px 5px;
  275. margin-bottom: -6px;
  276. margin-top: 15px;
  277. -webkit-transition:all .3s ease;
  278. -moz-transition:all .3s ease;
  279. transition:all .3s ease;
  280. -o-transition:all .3s ease;
  281. }
  282.  
  283. #link a:hover {
  284. color: #333;
  285. border-left: 35px solid #4377CF; /*links border*/
  286. }
  287.  
  288. #description img {
  289. width: 64px;
  290. height: 64px;
  291. border: 5px solid #e3e3e3; /*blogroll image border*/
  292. margin: 2px 1px 2px 1px;
  293. -webkit-transition:all .7s ease;
  294. -moz-transition:all .7s ease;
  295. transition:all .7s ease;
  296. -o-transition:all .7s ease;
  297. }
  298.  
  299. #description:hover img:hover {
  300. opacity: 1;
  301. border: 5px solid #333; /*blogroll image border hover*/
  302. }
  303.  
  304. #description:hover img {
  305. opacity: .7;
  306. }
  307.  
  308. #s-m-t-tooltip{
  309. max-width: 150px;
  310. margin: 12px;
  311. padding: 4px 8px 4px 8px;
  312. z-index: 9999999999999999999999999999999999999999999999;
  313. text-align: center;
  314. text-transform: uppercase;
  315. font-family: Courier New;
  316. font-size: 10px;
  317. background: #333; /*tooltip background*/
  318. color: #fff; /*tooltip color*/
  319. border-bottom: 2px solid #7F9AE8; /*tooltip border*/
  320. letter-spacing: 1px;
  321. -webkit-transition:all .3s ease;
  322. -moz-transition:all .3s ease;
  323. transition:all .3s ease;
  324. -o-transition:all .3s ease;
  325. }
  326.  
  327. #fade {
  328. width:100%;
  329. height:100%;
  330. left:0;
  331. top:0;
  332. display:none;
  333. position:absolute;
  334. z-index:9999;
  335. }
  336.  
  337. .popup_block {
  338. display: none;
  339. padding: 18px;
  340. position: fixed;
  341. float: left;
  342. font-family: Consolas;
  343. font-size: 11px;
  344. margin-top: 0px !important;
  345. width: 462px !important;
  346. height: 323px;
  347. background: #fff; /*this is the main holder background, it has to be the same as the #infoholder background*/
  348. z-index: 9999999999999999999999999999999999999999999999;
  349. -webkit-border-bottom-right-radius: 20px;
  350. -webkit-border-bottom-left-radius: 20px;
  351. -moz-border-radius-bottomright: 20px;
  352. -moz-border-radius-bottomleft: 20px;
  353. border-bottom-right-radius: 20px;
  354. border-bottom-left-radius: 20px;
  355. }
  356.  
  357. *html #fade { position: absolute; }
  358.  
  359. *html .popup_block { position: absolute; }
  360.  
  361. .close {
  362. position: absolute;
  363. left: 225px;
  364. top: 365px;
  365. padding: 5px;
  366. color: #fff; /*this is the "close" button text color*/
  367. background: #333; /*close buton background*/
  368. font-family: Courier New;
  369. text-transform: uppercase;
  370. font-size: 9px;
  371. letter-spacing: 1px;
  372. -webkit-transition:all .3s ease;
  373. -moz-transition:all .3s ease;
  374. transition:all .3s ease;
  375. -o-transition:all .3s ease;
  376. }
  377.  
  378. .close:hover {
  379. color: #fff;
  380. box-shadow: inset 0 20px 0 0 #5C7BD8; /*close button background hover*/
  381. }
  382.  
  383. /* You're not supposed to touch this */
  384. #pancake { bottom: 10px; right: 10px; position: fixed; }
  385. #pancake a { z-index: 99999; position: relative; display: inline-block; text-align: center; width: 15px; height: 18px; line-height: 18px; overflow: hidden; font-family: arial; font-weight: bold; letter-spacing: 3px; padding-left: 3px; font-size: 16px; text-transform: lowercase; background: #333; color: #fff; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  386. #pancake a:hover { width: 60px; line-height: 15px; letter-spacing: -1px; height: 24px; padding: 0px; }
  387.  
  388. </style>
  389.  
  390. <link href="/menu_assets/styles.css" rel="stylesheet" type="text/css">
  391. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  392. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  393.  
  394. <script type="text/javascript"
  395. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  396. <script>
  397. $(document).ready(function() {
  398. $('a.poplight[href^=#]').click(function() {
  399. var popID = $(this).attr('rel');
  400. var popURL = $(this).attr('href');
  401. var query= popURL.split('?');
  402. var dim= query[1].split('&');
  403. var popWidth = dim[0].split('=')[1];
  404. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">close</a>');
  405. $('.side').append('<div id="fade"></div>');
  406. $('#fade').css({'filter' : 'alpha(opacity=0)'}).fadeIn();
  407. return false;
  408. });
  409. $('a.close, #fade').live('click', function() {
  410. $('.popup_block , #fade , a.close').fadeOut(function() {
  411. $('#fade, a.close ').remove();
  412. });
  413. return false;
  414. });
  415. });
  416. </script>
  417.  
  418. </head>
  419.  
  420. <body>
  421.  
  422. <!-- Here is where the customization starts, please read carefully and just replace what the step says so you won't mess up the code -->
  423.  
  424. <div id="all">
  425.  
  426. <div id="holder1">
  427. <!-- STEP ONE!!!!!!!!!!!! Here goes your icon! Just replace the following link with the link of the image that you want to use as icon -->
  428. <div id="icon"><img src="http://static.tumblr.com/n9vj50j/lUnn7ktwp/captura_de_pantalla_2014-06-22_a_las_10.33.12.png">
  429.  
  430. <!-- STEP TWO!!!!!!!!!!!! Here goes your title! Just replace "truth lies" with anything you want to use as title. Please keep it short! -->
  431. <div id="title">truth lies</div>
  432.  
  433. <div id="main">
  434. <!-- STEP THREE!!!!!!!!!!!! These are the small square links, they have different background colors, so you can change them here! just replace the hexes with the hexes of the new colors! Like this:
  435. background: #AABCF4; change it to background: #33cccc; (just an example)
  436.  
  437. I would ask you not to delete the credits please.
  438. -->
  439. <a href="/" title="back home?" style="background: #AABCF4;"></a>
  440. <a href="/ask" title="message" style="background: #7F9AE8;"></a>
  441. <a href="/archive" title="memories" style="background: #5C7BD8;"></a>
  442. <a href="http://vitanica.tumblr.com" title="credit" style="background: #3C5EC1;"></a>
  443. </div>
  444. </div>
  445. </div>
  446.  
  447.  
  448. <div id="holder2">
  449. <div id="navi">
  450. <a href="#?w=500" rel="01" class="poplight">about</a>
  451. <a href="#?w=500" rel="02" class="poplight">tags</a>
  452. <a href="#?w=500" rel="03" class="poplight">links</a>
  453. <a href="#?w=500" rel="04" class="poplight">blogroll</a>
  454. </div>
  455.  
  456. <div id="infoholder">
  457.  
  458. <!-- STEP FOUR!!!!!!!!!!!! Here goes your image! Just replace the following link with the link of the image that you want to use. Please note that the image needs to have a width of 480px and a height of 340px preferably, if not, the image will resize itself. -->
  459. <div id="infoimg"><img src="http://static.tumblr.com/n9vj50j/BGGn7ku9z/captura_de_pantalla_2014-06-22_a_las_10.41.26.png"></div>
  460.  
  461.  
  462.  
  463.  
  464. <!--- ABOUT ME --->
  465. <div id="01" class="popup_block">
  466.  
  467. <div id="infotitle">About me</div>
  468.  
  469. <div id="description">
  470. <!-- STEP FIVE!!!!!!!!!!!! Here goes your description! Delete these two lines and write anything you want :) -->
  471. </div>
  472.  
  473. </div>
  474. <!--- / ABOUT ME --->
  475.  
  476.  
  477.  
  478.  
  479. <!--- TAGS --->
  480. <div id="02" class="popup_block">
  481.  
  482. <div id="infotitle">Tags</div>
  483.  
  484. <!-- STEP SIX!!!!!!!!!!!! This is the tags part, there are 8 sections for different types of tags. You can add or remove sections if you don't need them, just like in this picture http://static.tumblr.com/n9vj50j/53Zn7kut5/captura_de_pantalla_2014-06-22_a_las_10.53.02.png just delete the entire block that is highlighted... And if you need more, just copy the highlighted block too -->
  485. <div id="description">
  486.  
  487. <!-- STEP SEVEN!!!!!!!!!!!! This is the tag section, replace "Tag title" with the title of your tags.
  488. Then, replace # with the link of the tags.
  489. Replace "tag" with the name of each tag. -->
  490.  
  491. <div class="tag">
  492. <b>Tag title:</b><br>
  493. <a href="#">tag</a>,
  494. <a href="#">tag</a>,
  495. <a href="#">tag</a>,
  496. <a href="#">tag</a>,
  497. <a href="#">tag</a>,
  498. <a href="#">tag</a>,
  499. <a href="#">tag</a>,
  500. <a href="#">tag</a>,
  501. <a href="#">tag</a>,
  502. <a href="#">tag</a>
  503. </div>
  504.  
  505. <div class="tag">
  506. <b>Tag title:</b><br>
  507. <a href="#">tag</a>,
  508. <a href="#">tag</a>,
  509. <a href="#">tag</a>,
  510. <a href="#">tag</a>,
  511. <a href="#">tag</a>,
  512. <a href="#">tag</a>,
  513. <a href="#">tag</a>,
  514. <a href="#">tag</a>,
  515. <a href="#">tag</a>,
  516. <a href="#">tag</a>
  517. </div>
  518.  
  519. <div class="tag">
  520. <b>Tag title:</b><br>
  521. <a href="#">tag</a>,
  522. <a href="#">tag</a>,
  523. <a href="#">tag</a>,
  524. <a href="#">tag</a>,
  525. <a href="#">tag</a>,
  526. <a href="#">tag</a>,
  527. <a href="#">tag</a>,
  528. <a href="#">tag</a>,
  529. <a href="#">tag</a>,
  530. <a href="#">tag</a>
  531. </div>
  532.  
  533. <div class="tag">
  534. <b>Tag title:</b><br>
  535. <a href="#">tag</a>,
  536. <a href="#">tag</a>,
  537. <a href="#">tag</a>,
  538. <a href="#">tag</a>,
  539. <a href="#">tag</a>,
  540. <a href="#">tag</a>,
  541. <a href="#">tag</a>,
  542. <a href="#">tag</a>,
  543. <a href="#">tag</a>,
  544. <a href="#">tag</a>
  545. </div>
  546.  
  547. <div class="tag">
  548. <b>Tag title:</b><br>
  549. <a href="#">tag</a>,
  550. <a href="#">tag</a>,
  551. <a href="#">tag</a>,
  552. <a href="#">tag</a>,
  553. <a href="#">tag</a>,
  554. <a href="#">tag</a>,
  555. <a href="#">tag</a>,
  556. <a href="#">tag</a>,
  557. <a href="#">tag</a>,
  558. <a href="#">tag</a>
  559. </div>
  560.  
  561. <div class="tag">
  562. <b>Tag title:</b><br>
  563. <a href="#">tag</a>,
  564. <a href="#">tag</a>,
  565. <a href="#">tag</a>,
  566. <a href="#">tag</a>,
  567. <a href="#">tag</a>,
  568. <a href="#">tag</a>,
  569. <a href="#">tag</a>,
  570. <a href="#">tag</a>,
  571. <a href="#">tag</a>,
  572. <a href="#">tag</a>
  573. </div>
  574.  
  575. <div class="tag">
  576. <b>Tag title:</b><br>
  577. <a href="#">tag</a>,
  578. <a href="#">tag</a>,
  579. <a href="#">tag</a>,
  580. <a href="#">tag</a>,
  581. <a href="#">tag</a>,
  582. <a href="#">tag</a>,
  583. <a href="#">tag</a>,
  584. <a href="#">tag</a>,
  585. <a href="#">tag</a>,
  586. <a href="#">tag</a>
  587. </div>
  588.  
  589. <div class="tag">
  590. <b>Tag title:</b><br>
  591. <a href="#">tag</a>,
  592. <a href="#">tag</a>,
  593. <a href="#">tag</a>,
  594. <a href="#">tag</a>,
  595. <a href="#">tag</a>,
  596. <a href="#">tag</a>,
  597. <a href="#">tag</a>,
  598. <a href="#">tag</a>,
  599. <a href="#">tag</a>,
  600. <a href="#">tag</a>
  601. </div>
  602.  
  603. </div>
  604.  
  605. </div>
  606. <!--- / TAGS --->
  607.  
  608.  
  609.  
  610.  
  611. <!--- LINKS --->
  612. <div id="03" class="popup_block">
  613.  
  614. <div id="infotitle">Links</div>
  615.  
  616. <!-- STEP EIGHT!!!!!!!!!!!! This is the links part, you just have to replace # with the link, then replace link 1, 2, 3, etc with the name of the link. You can add a description if you want, if not, just delete the text under each link. -->
  617.  
  618. <div id="description" style="padding: 0px 5px 0px 5px; height: 300px;">
  619. <div id="link">
  620. <a href="#">link 1</a><br>
  621. You can delete this and write a description
  622.  
  623. <a href="#">link 2</a><br>
  624. You can delete this and write a description
  625.  
  626. <a href="#">link 3</a><br>
  627. You can delete this and write a description
  628.  
  629. <a href="#">link 4</a><br>
  630. You can delete this and write a description
  631.  
  632. <a href="#">link 5</a><br>
  633. You can delete this and write a description
  634.  
  635. <a href="#">link 6</a><br>
  636. You can delete this and write a description
  637.  
  638. <a href="#">link 7</a><br>
  639. You can delete this and write a description
  640.  
  641. <a href="#">link 8</a><br>
  642. You can delete this and write a description
  643.  
  644. </div>
  645. </div>
  646.  
  647. </div>
  648. <!--- / LINKS --->
  649.  
  650.  
  651.  
  652.  
  653. <!--- BLOGROLL --->
  654. <div id="04" class="popup_block">
  655.  
  656. <div id="infotitle">Blogroll</div>
  657.  
  658. <div id="description">
  659. {block:Following}{block:Followed}
  660. <a target='_blank' href='{FollowedURL}' title="{FollowedName}"><img src='{FollowedPortraitURL-64}' /></a>
  661. {/block:Followed}{/block:Following}
  662. </div>
  663.  
  664. </div>
  665. <!--- / BLOGROLL --->
  666.  
  667. </div><!-- /div infoholder -->
  668.  
  669. </div><!-- /div holder2 -->
  670.  
  671. </div> <!-- /DIV ALLLLLLLLLLLL -->
  672.  
  673. <div id="pancake">
  674. <a href="http://vitanica.tumblr.com">vitanica<br><font style="font-size: 8px; letter-spacing: 2px; line-height: 8px; text-transform: uppercase; font-family: Courier New;">themes</font></a>
  675. </div>
  676.  
  677. </body>
  678.  
  679. </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!