API tools faq
paste
Advertisement
sherbeht

sherbeht theme 4 - gummy bear

sherbeht
May 24th, 2015
296
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.97 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ▀▀█▀▀ ▒█░▒█ ▒█▀▀▀ ▒█▀▄▀█ ▒█▀▀▀ ▒█▀▀█ ▒█░░▒█ ░█▀▀▀█ ▒█░▒█ ▒█▀▀▀ ▒█▀▀█ ▒█▀▀█ ▒█▀▀▀ ▒█░▒█ ▀▀█▀▀
  4. ░▒█░░ ▒█▀▀█ ▒█▀▀▀ ▒█▒█▒█ ▒█▀▀▀ ▒█▀▀▄ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█▀▀█ ▒█▀▀▀ ▒█▄▄▀ ▒█▀▀▄ ▒█▀▀▀ ▒█▀▀█ ░▒█░░
  5. ░▒█░░ ▒█░▒█ ▒█▄▄▄ ▒█░░▒█ ▒█▄▄▄ ▒█▄▄█ ░░▒█░░ ▒█▄▄▄█ ▒█░▒█ ▒█▄▄▄ ▒█░▒█ ▒█▄▄█ ▒█▄▄▄ ▒█░▒█ ░▒█░░
  6.  
  7. This theme includes:
  8.  
  9. 5 columns
  10. Optional banner, faded posts and blogtitle
  11. Rainbow link effects
  12. Fask layout and linkies layout - by vogucci
  13. Popups
  14. Like and reblog buttons
  15. Infinite scroll
  16.  
  17. -->
  18.  
  19. <html lang="en">
  20. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  21. <html xmlns="http://www.w3.org/1999/xhtml">
  22. <head>
  23.  
  24. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  25.  
  26. <link href='http://static.tumblr.com/blpgwiz/kVZm8o4rz/tilting.css' rel='stylesheet' type='text/css'>
  27.  
  28. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  29.  
  30. <script src="jquery.js"></script>
  31. <script>
  32. $(document).ready(function(){
  33. $("#click").click(function(){
  34. $("#guts").slideToggle("fast");
  35. });
  36. });
  37. </script>
  38.  
  39. <script src="jquery.js"></script>
  40. <script>
  41. $(document).ready(function(){
  42. $("#click2").click(function(){
  43. $("#guts2").slideToggle("fast");
  44. });
  45. });
  46. </script>
  47.  
  48. <script src="jquery.js"></script>
  49. <script>
  50. $(document).ready(function(){
  51. $("#click3").click(function(){
  52. $("#guts3").slideToggle("fast");
  53. });
  54. });
  55. </script>
  56.  
  57. <!-- start of script tooltip -->
  58. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  59.  
  60. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  61.  
  62. <script>
  63.  
  64. (function($){
  65.  
  66. $(document).ready(function(){
  67.  
  68. $("a[title]").style_my_tooltips({
  69.  
  70. tip_follows_cursor:true,
  71.  
  72. tip_delay_time:90,
  73.  
  74. tip_fade_speed:600,
  75.  
  76. attribute:"title"
  77.  
  78. });
  79.  
  80. });
  81.  
  82. })(jQuery);
  83.  
  84. </script>
  85.  
  86. <!-- end of script tooltip -->
  87.  
  88. <!--start of popup script-->
  89.  
  90. <script type="text/javascript"
  91. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  92. <script>
  93. $(document).ready(function() {
  94. //
  95. $('a.poplight[href^=#]').click(function() {
  96. var popID = $(this).attr('rel'); //Get Popup Name
  97. var popURL = $(this).attr('href'); //Get Popup href to define size
  98. var query= popURL.split('?');
  99. var dim= query[1].split('&');
  100. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  101. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a title="close" href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" alt="escape" /></a>');
  102. var popMargTop = ($('#' + popID).height() + 80) / 2;
  103. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  104. //Apply Margin to Popup
  105. $('#' + popID).css({
  106. 'margin-top' : -popMargTop,
  107. 'margin-left' : -popMargLeft
  108. });
  109. $('body').append('<div id="fade"></div>');
  110. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  111. return false;
  112. });
  113. $('a.close, #fade').live('click', function() {
  114. $('#fade , .popup_block').fadeOut(function() {
  115. $('#fade, a.close').remove(); //fade them both out
  116. });
  117. return false;
  118. });
  119. });
  120. </script>
  121.  
  122. <!--End of popup script-->
  123.  
  124. <script type="text/javascript">
  125. <!--
  126.  
  127. // Disable Right Click Script
  128.  
  129. function IE(e)
  130. {
  131. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  132. {
  133. return false;
  134. }
  135. }
  136. function NS(e)
  137. {
  138. if (document.layers || (document.getElementById && !document.all))
  139. {
  140. if (e.which == "2" || e.which == "3")
  141. {
  142. return false;
  143. }
  144. }
  145. }
  146. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  147.  
  148. //-->
  149. </script>
  150.  
  151.  
  152. <script type="text/javascript"
  153. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  154.  
  155. <!--DEFAULT VARIABLES-->
  156. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  157. <meta name="text:blogtitle" content=""/>
  158. <meta name="color:background" content="#fff"/>
  159. <meta name="color:link" content="#777"/>
  160. <meta name="color:text" content="#777"/>
  161. <meta name="color:title" content="#333"/>
  162. <meta name="color:hover" content="#fff"/>
  163. <meta name="image:sidebar" content="1"/>
  164. <meta name="image:background" content="1"/>
  165. <meta name="image:banner" content=""/>
  166. <meta name="color:border" content="#f9ccff"/>
  167. <meta name="color:post hover" content="#c4eaf5"/>
  168. <meta name="text:banner title" content="title goes here!"/>
  169. <meta name="text:your name" content=""/>
  170. <meta name="if:use banner" content=""/>
  171. <meta name="if:use blogtitle" content="1"/>
  172. <meta name="if:use faded posts" content=""/>
  173. <style type="text/css">
  174.  
  175.  
  176. .ask{
  177. overflow-y:scroll;
  178. overflow-x:hidden;
  179. max-height: 100px;
  180. background: #fff; /**change background color of question**/
  181. padding:22px;
  182. border:2px dashed {color:border};
  183. }
  184. .asker{
  185. font-family: short stack, cursive;
  186. margin-left:-8px;
  187. font-size:10px;
  188. color:{color:border};}
  189.  
  190. .answer{
  191. text-align:left;
  192. margin-top:10px;}
  193.  
  194. #yourname {
  195. font-size: 36px; /*change the font size*/
  196. /*add other font effects here, like shadows*/
  197. font-family: Amatic SC, cursive;
  198. margin-top:10px;
  199. color: {color:text}; /*change the font color*/
  200. text-align: right;
  201. }
  202.  
  203.  
  204.  
  205. @-webkit-keyframes bounceIn {
  206. 0% {
  207. opacity: 0;
  208. -webkit-transform: scale(.3);
  209. }
  210.  
  211. 50% {
  212. opacity: 1;
  213. -webkit-transform: scale(1.05);
  214. }
  215.  
  216. 70% {
  217. -webkit-transform: scale(.9);
  218. }
  219.  
  220. 100% {
  221. -webkit-transform: scale(1);
  222. }
  223. }
  224.  
  225. @keyframes bounceIn {
  226. 0% {
  227. opacity: 0;
  228. transform: scale(.3);
  229. }
  230.  
  231. 50% {
  232. opacity: 1;
  233. transform: scale(1.05);
  234. }
  235.  
  236. 70% {
  237. transform: scale(.9);
  238. }
  239.  
  240. 100% {
  241. transform: scale(1);
  242. }
  243. }
  244.  
  245. .bounceIn {
  246. -webkit-animation-name: bounceIn;
  247. animation-name: bounceIn;
  248. }
  249.  
  250. .banner{
  251. position:absolute;
  252. left:450px;
  253. top:4%;
  254. -webkit-animation: rollIn 2s;-moz-animation: rollIn 2s;-ms-animation: rollIn 2s;
  255. z-index:9999999999999;
  256. }
  257.  
  258. #header{
  259. position:absolute;
  260. width:100%;
  261. height:150px;
  262. padding:10px;
  263. border-bottom:2px solid {color:border};
  264. background:white;
  265. z-index:99999;
  266. }
  267.  
  268.  
  269. .header-title{
  270. font-size:70px;
  271. line-height:40px;
  272. font-family:Amatic Sc, cursive;
  273. text-align:center;
  274. width:100%;
  275. }
  276.  
  277.  
  278. #description{
  279. position:absolute;
  280. width:120px;
  281. height:120px;
  282. font-size:10px;
  283. color:#fff;
  284. border-radius:100px;
  285. text-align:center;
  286. padding:10px;
  287. background:{color:border};
  288. border:2px solid {color:border};
  289. left:200px;
  290. top:15px;
  291. z-index:99999;
  292. }
  293.  
  294. #linkie1{
  295. position:absolute;
  296. width:15px;
  297. height:15px;
  298. border-radius:100px;
  299. font-size:15px;
  300. word-spacing:1px;
  301. padding:10px;
  302. background:{color:border};
  303. border:2px solid {color:border};
  304. left:30%;
  305. top:150px;
  306. z-index:999999999999999999999999999999999999999999999999;
  307. }
  308.  
  309. #linkie2{
  310. position:absolute;
  311. width:15px;
  312. height:15px;
  313. border-radius:100px;
  314. padding:10px;
  315. background:{color:border};
  316. border:2px solid {color:border};
  317. left:40%;
  318. top:150px;
  319. font-size:15px;
  320. word-spacing:1px;
  321. z-index:999999999999999999999999999999999999999999999999;
  322. }
  323.  
  324. #linkie3{
  325. position:absolute;
  326. width:15px;
  327. height:15px;
  328. border-radius:100px;
  329. padding:10px;
  330. background:{color:border};
  331. border:2px solid {color:border};
  332. left:50%;
  333. top:150px;
  334. font-size:15px;
  335. word-spacing:1px;
  336. z-index:999999999999999999999999999999999999999999999999;
  337. }
  338.  
  339.  
  340. #linkie4{
  341. position:absolute;
  342. width:15px;
  343. height:15px;
  344. border-radius:100px;
  345. padding:10px;
  346. background:{color:border};
  347. border:2px solid {color:border};
  348. left:60%;
  349. top:150px;
  350. font-size:15px;
  351. word-spacing:1px;
  352. z-index:999999999999999999999999999999999999999999999999;
  353. }
  354.  
  355.  
  356. #linkie5{
  357. position:absolute;
  358. width:15px;
  359. height:15px;
  360. border-radius:100px;
  361. padding:10px;
  362. background:{color:border};
  363. border:2px solid {color:border};
  364. left:70%;
  365. top:150px;
  366. font-size:15px;
  367. word-spacing:1px;
  368. z-index:999999999999999999999999999999999999999999999999;
  369. }
  370.  
  371.  
  372. body{
  373. background-color:#ffffff; /*background hex color code*/
  374. background-image:url(); /*insert image url between parentheses*/
  375. background-attachment:fixed;
  376. background-repeat:repeat;
  377. background-position:center;
  378. /*
  379. background-size:100% 100%; -remove dashes, asterisks, and this text to make background picture fit entire screeen-
  380. */
  381. font-size:10px;
  382. line-height:14px; /*make this number slightly bigger than font-size*/
  383. font-family:consolas;
  384. color:#666666; /*font color*/
  385. }
  386.  
  387. a:link, a:active, a:visited{
  388. color:#FFC2D6; /*link color*/
  389. text-decoration:none; /*can put underline for underlined links*/
  390. }
  391.  
  392. a:hover{
  393. color:#C2FFEB; /*link hover color*/
  394. text-decoration:none;
  395. }
  396.  
  397. @-webkit-keyframes tada {
  398. 0% {-webkit-transform: scale(1);}
  399. 10%, 20% {-webkit-transform: scale(0.9) rotate(-5deg);}
  400. 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(5deg);}
  401. 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-5deg);}
  402. 100% {-webkit-transform: scale(1) rotate(0);}
  403. }
  404. @keyframes tada {
  405. 0% {transform: scale(1);}
  406. 10%, 20% {transform: scale(0.9) rotate(-5deg);}
  407. 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(5deg);}
  408. 40%, 60%, 80% {transform: scale(1.1) rotate(-5deg);}
  409. 100% {transform: scale(1) rotate(0);}
  410. }
  411. .tada {
  412. -webkit-animation-name: tada;
  413. animation-name: tada;
  414. }
  415.  
  416. #credz{
  417. position:fixed;
  418. opacity: 1;
  419. top:20px;
  420. left:95%;
  421. padding: 8px;
  422. height:10px;
  423. padding-bottom:5px;
  424. background: transparent;
  425. width:10px;
  426. z-index:999999999999999999999999999999999999999999999999999999999999;
  427. -o-transition-transition: all 0.9s ease;
  428. -webkit-transition: all 0.9s ease;
  429. -moz-transition: all 0.9s ease;
  430. transition: all 0.9s ease;
  431. }
  432.  
  433. #credz a:hover{
  434. -webkit-animation: tada 1.5s;
  435. -moz-animation: tada 1.5s;
  436. -ms-animation: tada 1.5s;
  437. }
  438.  
  439.  
  440. #s-m-t-tooltip {
  441.  
  442. max-width:300px; /* maximum width */
  443.  
  444. background-color:#ffffff; /* color background */
  445.  
  446. border:3px double {color:border}; /* color, shape and thickness of the border */
  447.  
  448. font-size:10px; /* font size */
  449.  
  450. color:#000000; /* font color */
  451.  
  452. letter-spacing:1px; /* font spacing */
  453.  
  454. text-transform:lowercase; /* uppercase, lowercase, none */
  455.  
  456. padding:3px; /* padding size */
  457.  
  458. margin:20px 0px 0px 20px; /* margin size */
  459.  
  460. z-index:9999999999999999999999;
  461.  
  462. border-radius: 5px; /* border radius */
  463.  
  464. }
  465.  
  466. #fade { /*--Transparent background layer--*/
  467. display: none; /*--hidden by default--*/
  468. background: #000;
  469. background-image: url('https://s-media-cache-ak0.pinimg.com/736x/1c/0d/a0/1c0da03f2ff347f21d7e9f8a6b4ca008.jpg');
  470. background-repeat:none;
  471. position: fixed; left: 0; top: 0;
  472. width: 100%; height: 100%;
  473. opacity: .80;
  474. z-index: 99999999;
  475. }
  476. .popup_block{
  477. display: none; /*--hidden by default--*/
  478. background: #fff;
  479. padding: 20px;
  480. border: 2px solid {color:border};
  481. float: left;
  482. font-size: 12px;
  483. position: fixed;
  484. top: 50%; left: 50%;
  485. z-index: 999999999999;
  486. /*--CSS3 Box Shadows--*/
  487. -webkit-box-shadow: 0px 0px 20px {color:post hover};
  488. -moz-box-shadow: 0px 0px 20px {color:post hover};
  489. box-shadow: 0px 0px 20px {color:post hover};
  490. /*--CSS3 Rounded Corners--*/
  491. -webkit-border-radius: 10px;
  492. -moz-border-radius: 10px;
  493. border-radius: 10px;
  494. }
  495. img.btn_close {
  496. float: right;
  497. margin: -5px -5px 0 0;
  498. }
  499. /*--Making IE6 Understand Fixed Positioning--*/
  500. *html #fade {
  501. position: absolute;
  502. }
  503. *html .popup_block {
  504. position: absolute;
  505. }
  506.  
  507. /*** start of the links ***/
  508. #linkies {
  509. height: 90px;
  510. width: 180px;
  511. margin: 10px;
  512. padding: 5px;
  513. border: 1px dashed {color:border};
  514. display: inline-block;
  515. text-align: center;
  516. overflow: hidden;
  517. transition: all 0.5s ease-out;
  518. -o-transition-transition: all 0.5s ease-out;
  519. -webkit-transition: all 0.5s ease-out;
  520. -moz-transition: all 0.5s ease-out;}
  521.  
  522. .boxes{
  523. font-family:short stack, cursive;
  524. font-size:14px;
  525. color:#a1a1a1;
  526. line-height:30px;
  527. margin-top:-105px;
  528. opacity: 0;
  529. transition: all 0.5s ease-out;
  530. -o-transition-transition: all 0.5s ease-out;
  531. -webkit-transition: all 0.5s ease-out;
  532. -moz-transition: all 0.5s ease-out;}
  533.  
  534. .lion{
  535. margin-top:30px;
  536. font-family: short stack, cursive;
  537. font-size: 20px;
  538. color:#872187;
  539. line-height: 25px;
  540. transition: all 0.5s ease-out;
  541. -o-transition-transition: all 0.5s ease-out;
  542. -webkit-transition: all 0.5s ease-out;
  543. -moz-transition: all 0.5s ease-out;}
  544.  
  545. #linkies:hover .lion{
  546. margin-top:80px;
  547. opacity:0;}
  548.  
  549. #linkies:hover .boxes{
  550. opacity: 1;}
  551. /*** end of the links ***/
  552.  
  553. sofia{
  554. font-family:short stack, cursive;
  555. font-size:18px;
  556. padding:2px;
  557. color:{color:text};
  558. text-align:center;
  559. border-bottom:1px dashed #cccccc;
  560. width:auto;}
  561.  
  562. .box1{
  563. display: inline-block;
  564. overflow-x:hidden;
  565. overflow-y:;
  566. margin-top:0px;
  567. margin-left:5px;
  568. width:438px;
  569. height:100px;
  570. padding:10px;
  571. background:#ffffff;
  572. color:#a1a1a1;
  573. font-family:short stack, cursive;
  574. font-size:13px;
  575. line-height:15px;
  576. text-align:left;
  577. float:center;
  578. border: 1px solid {color:border};
  579. z-index:9999999999;}
  580.  
  581. .box2{
  582. display: inline-block;
  583. overflow-x:hidden;
  584. overflow-y:;
  585. margin-top:5px;
  586. margin-left:5px;
  587. width:200px;
  588. height:200px;
  589. padding:10px;
  590. background:#ffffff;
  591. color:#a1a1a1;
  592. font-family:short stack, cursive;
  593. font-size:13px;
  594. line-height:15px;
  595. text-align: center;
  596. float:center;
  597. border: 1px solid {color:border};
  598. z-index:9999999999;}
  599.  
  600. .box3{
  601. display: inline-block;
  602. overflow-x:hidden;
  603. overflow-y:;
  604. margin-top:5px;
  605. margin-left:10px;
  606. width:200px;
  607. height:200px;
  608. padding:10px;
  609. background:#ffffff;
  610. color:#a1a1a1;
  611. font-family:short stack, cursive;
  612. font-size:13px;
  613. line-height:15px;
  614. text-align: center;
  615. float:center;
  616. border: 1px solid {color:border};
  617. z-index:9999999999;}
  618.  
  619. .box4{
  620. display: inline-block;
  621. overflow-x:hidden;
  622. overflow-y:;
  623. margin-top:5px;
  624. margin-left:5px;
  625. width:438px;
  626. height:150px;
  627. padding:10px;
  628. background:#ffffff;
  629. color:#a1a1a1;
  630. font-family:short stack, cursive;
  631. font-size:13px;
  632. line-height:15px;
  633. text-align: center;
  634. float:center;
  635. border: 1px solid {color:border};
  636. z-index:9999999999;}
  637.  
  638.  
  639. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  640.  
  641. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  642.  
  643. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  644.  
  645. ::-webkit-scrollbar {width: 8px; height: 4px; background:#f5f5f5; border-left: 1px solid #f5f5f5; }
  646.  
  647. ::-webkit-scrollbar-thumb { background-color:{color:border}; border-bottom: 1px solid #fff; border-radius:5px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }
  648.  
  649.  
  650.  
  651. p {
  652. margin:0px;
  653. margin-top:0px;
  654. }
  655.  
  656.  
  657. body {
  658. padding: 0px;
  659. margin: 0px;
  660. color:{color:text};
  661. font-family: short stack, cursive;
  662. line-height:16px;
  663. font-size:10px;
  664. background-color: {color:Background};
  665. background-image:url({image:Background});
  666. background-attachment: fixed;
  667. background-repeat: repeat;
  668. overflow-x:hidden;
  669. overflow-y:scroll;
  670. }
  671.  
  672.  
  673. a:link, a:active, a:visited{
  674. text-decoration: none;
  675. -webkit-transition: color 0.3s ease-out;
  676. -moz-transition: color 0.3s ease-out;
  677. transition: color 0.3s ease-out;
  678. color:{color:link};
  679. }
  680.  
  681. a:hover {
  682. text-decoration: none;
  683. font-style:;
  684. background:url(HTTP://DL3.GLITTER-GRAPHICS.NET/PUB/1144/1144833CO2B00M8RH.GIF);
  685. }
  686.  
  687.  
  688.  
  689. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  690.  
  691. .entry {
  692. -webkit-animation: bounceIn 2s;
  693. -moz-animation: bounceIn 2s;
  694. -ms-animation: bounceIn 2s;
  695. float:left;
  696. display: block;
  697. margin:20px;
  698. padding:8px;
  699. border:2px solid {color:border};
  700. overflow:hidden;
  701. width:190px;
  702. {block:PermalinkPage}
  703. width:500px;
  704. text-align:left;
  705. line-height:20px;
  706. {/block:PermalinkPage}
  707. background:white;
  708. background-image:URL();
  709. transition: all 0.9s ease-out;
  710. -o-transition-transition: all 0.9s ease-out;
  711. -webkit-transition: all 0.9s ease-out;
  712. -moz-transition: all 0.9s ease-out;
  713. }
  714.  
  715. .entry:hover{
  716. border:2px solid {color:border};
  717. -moz-box-shadow: 0 0 15px 1px {color:hover};
  718. -webkit-box-shadow: 0 0 15px 1px {color:hover};
  719. box-shadow: 0 0 15px 1px {color:hover};
  720. }
  721.  
  722.  
  723. /*-CUSTOMIZE THE APPEARANCE OF PERMALINKS-*/
  724.  
  725. {block:ifusefadedposts}
  726. .entry img{
  727. opacity:0.7;
  728. -webkit-transition: all .7s ease;
  729. -moz-transition: all .7s ease;
  730. -o-transition: all .7s ease;
  731. transition: all .7s ease;
  732. }
  733.  
  734. .entry img:hover{
  735. opacity:1;
  736. -webkit-transition: all .7s ease;
  737. -moz-transition: all .7s ease;
  738. -o-transition: all .7s ease;
  739. transition: all .7s ease;
  740. }
  741. {/block:ifusefadedposts}
  742.  
  743. .entry .reblogperma{
  744. z-index:5;
  745. position: absolute;
  746. overflow:hidden;
  747. opacity: 0;
  748. margin-left:20px;
  749. margin-top:50px;
  750. font-size:14px;
  751. width:20px;
  752. height:20px;
  753. padding:3px;
  754. border:1px solid {color:title};
  755. background:{color:border};
  756. border-radius:100px;
  757. -webkit-transition: all .7s ease;
  758. -moz-transition: all .7s ease;
  759. -o-transition: all .7s ease;
  760. transition: all .7s ease;
  761. }
  762.  
  763.  
  764. .entry:hover .reblogperma{
  765. margin-left:20px;
  766. margin-top:10px;
  767. overflow:visible;
  768. opacity:1;
  769. z-index:99999999999999999999999999999999999999999999999999999999999;
  770. }
  771.  
  772. .entry .likesperma{
  773. z-index:5;
  774. position: absolute;
  775. overflow:hidden;
  776. opacity: 0;
  777. margin-left:90px;
  778. margin-top:10px;
  779. font-size:14px;
  780. width:20px;
  781. height:20px;
  782. padding:3px;
  783. border:1px solid {color:title};
  784. background:{color:border};
  785. border-radius:100px;
  786. -webkit-transition: all .7s ease;
  787. -moz-transition: all .7s ease;
  788. -o-transition: all .7s ease;
  789. transition: all .7s ease;
  790. }
  791.  
  792. .entry:hover .likesperma{
  793. margin-left:60px;
  794. overflow:visible;
  795. opacity:1;
  796. z-index:99999999999999999999999999999999999999999999999999999999999;
  797. }
  798.  
  799.  
  800. .entry .textperma {
  801. opacity:0;
  802. text-transform: none;
  803. font-size:10px;
  804. padding:3px;
  805. display: block;
  806. text-align: center;
  807. text-decoration: none;
  808. margin-top:-30px;
  809. transition: all 0.5s ease-out;
  810. -o-transition-transition: all 0.5s ease-out;
  811. -webkit-transition: all 0.5s ease-out;
  812. -moz-transition: all 0.5s ease-out;
  813. }
  814. .entry .textperma a {
  815. color:transparent;
  816. }
  817. .entry:hover .textperma {
  818. margin-top:4px;
  819. opacity:1;
  820. z-index:999999999999;
  821. color:{color:border};
  822. }
  823. .entry:hover .textperma a{
  824. color:{color:border};
  825. -moz-transform:rotate(360deg);
  826. -webkit-transform:rotate(360deg);
  827. -o-transform:rotate(360deg);
  828. -ms-transform:rotate(360deg);
  829. transform:rotate(360deg);
  830. }
  831.  
  832.  
  833. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  834. #posts {
  835. left:50%;
  836. right: 50%;
  837. margin-top:200px;
  838. margin-top:220px;
  839. float:left;
  840. margin-left:-630px;
  841. margin-right: -630px;
  842. position: absolute;
  843. width:1260px;
  844. z-index:999;
  845.  
  846. }
  847.  
  848.  
  849. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  850. .title{
  851. line-height: 12px;
  852. color:{color:Title};
  853. font-weight: normal;
  854. font-size:30px;
  855. font-family:Amatic SC, cursive;
  856. }
  857.  
  858.  
  859. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  860. .permalink{
  861. text-transform: normal;
  862. display: block;
  863. text-align: right;
  864. text-decoration: none;
  865. }
  866.  
  867.  
  868. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  869. #infscr-loading{
  870. bottom: -70px;
  871. position: absolute;
  872. left: 50%;
  873. margin-left:-8px;
  874. width:16px;
  875. height:11px;
  876. overflow:hidden;
  877. margin-bottom: 50px;
  878. }
  879.  
  880. #postnotes{
  881. text-align: justify;}
  882.  
  883. #postnotes blockquote{
  884. border: 0px;}
  885.  
  886. blockquote{
  887. padding:0px 0px 2px 5px;
  888. margin:0px 0px 2px 10px;
  889. border-left: 1px dotted #555555;
  890. }
  891.  
  892. blockquote p, ul{
  893. margin:0px;
  894. padding:0px;
  895. }
  896.  
  897. a img{border: 0px;}
  898.  
  899.  
  900. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  901.  
  902. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  903. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  904.  
  905. .notes img{width:10px; position:relative; top:3px;}
  906. <--ses-->
  907. small{font-size: 90%;}
  908.  
  909. {CustomCSS}
  910.  
  911. </style>
  912.  
  913. {block:IndexPage}
  914. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  915. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  916.  
  917. <script type="text/javascript">
  918. $(window).load(function(){
  919. var $wall = $('#posts');
  920. $wall.imagesLoaded(function(){
  921. $wall.masonry({
  922. itemSelector: '.entry, .entry_photo',
  923. isAnimated : false
  924. });
  925. });
  926.  
  927. $wall.infinitescroll({
  928. navSelector : '#pagination',
  929. nextSelector : '#pagination a',
  930. itemSelector : '.entry, .entry_photo',
  931. bufferPx : 2000,
  932. debug : false,
  933. errorCallback: function() {
  934. $('#infscr-loading').fadeOut('normal');
  935. }},
  936. function( newElements ) {
  937. var $newElems = $( newElements );
  938. $newElems.hide();
  939. $newElems.imagesLoaded(function(){
  940. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  941. });
  942. }); $('#posts').show(500);
  943. });
  944. </script>
  945.  
  946.  
  947. {/block:IndexPage}
  948.  
  949.  
  950. <title>{title}</title>
  951.  
  952. <link rel="shortcut icon" href="{Favicon}" />
  953. <meta name="viewport" content="width=820" />
  954.  
  955. <!--TUTORIAL AT easy-html-tutorials-->
  956. <script type='text/javascript'>
  957. //<![CDATA[
  958. var rate = 50;
  959. if (document.getElementById)
  960. window.onerror=new Function("return true")
  961.  
  962. var objActive; // The object which event occured in
  963. var act = 0; // Flag during the action
  964. var elmH = 0; // Hue
  965. var elmS = 128; // Saturation
  966. var elmV = 255; // Value
  967. var clrOrg; // A color before the change
  968. var TimerID; // Timer ID
  969. if (document.all) {
  970. document.onmouseover = doRainbowAnchor;
  971. document.onmouseout = stopRainbowAnchor;
  972. }
  973. else if (document.getElementById) {
  974. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  975. document.onmouseover = Mozilla_doRainbowAnchor;
  976. document.onmouseout = Mozilla_stopRainbowAnchor;
  977. }
  978. function doRainbow(obj)
  979. {
  980. if (act == 0) {
  981. act = 1;
  982. if (obj)
  983. objActive = obj;
  984. else
  985. objActive = event.srcElement;
  986. clrOrg = objActive.style.color;
  987. TimerID = setInterval("ChangeColor()",100);
  988. }
  989. }
  990. function stopRainbow()
  991. {
  992. if (act) {
  993. objActive.style.color = clrOrg;
  994. clearInterval(TimerID);
  995. act = 0;
  996. }
  997. }
  998. function doRainbowAnchor()
  999. {
  1000. if (act == 0) {
  1001. var obj = event.srcElement;
  1002. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  1003. obj = obj.parentElement;
  1004. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  1005. break;
  1006. }
  1007. if (obj.tagName == 'A' && obj.href != '') {
  1008. objActive = obj;
  1009. act = 1;
  1010. clrOrg = objActive.style.color;
  1011. TimerID = setInterval("ChangeColor()",100);
  1012. }
  1013. }
  1014. }
  1015. function stopRainbowAnchor()
  1016. {
  1017. if (act) {
  1018. if (objActive.tagName == 'A') {
  1019. objActive.style.color = clrOrg;
  1020. clearInterval(TimerID);
  1021. act = 0;
  1022. }
  1023. }
  1024. }
  1025. function Mozilla_doRainbowAnchor(e)
  1026. {
  1027. if (act == 0) {
  1028. obj = e.target;
  1029. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  1030. obj = obj.parentNode;
  1031. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  1032. break;
  1033. }
  1034. if (obj.nodeName == 'A' && obj.href != '') {
  1035. objActive = obj;
  1036. act = 1;
  1037. clrOrg = obj.style.color;
  1038. TimerID = setInterval("ChangeColor()",100);
  1039. }
  1040. }
  1041. }
  1042. function Mozilla_stopRainbowAnchor(e)
  1043. {
  1044. if (act) {
  1045. if (objActive.nodeName == 'A') {
  1046. objActive.style.color = clrOrg;
  1047. clearInterval(TimerID);
  1048. act = 0;
  1049. }
  1050. }
  1051. }
  1052. function ChangeColor()
  1053. {
  1054. objActive.style.color = makeColor();
  1055. }
  1056. function makeColor()
  1057. {
  1058. // Don't you think Color Gamut to look like Rainbow?
  1059. // HSVtoRGB
  1060. if (elmS == 0) {
  1061. elmR = elmV; elmG = elmV; elmB = elmV;
  1062. }
  1063. else {
  1064. t1 = elmV;
  1065. t2 = (255 - elmS) * elmV / 255;
  1066. t3 = elmH % 60;
  1067. t3 = (t1 - t2) * t3 / 60;
  1068. if (elmH < 60) {
  1069. elmR = t1; elmB = t2; elmG = t2 + t3;
  1070. }
  1071. else if (elmH < 120) {
  1072. elmG = t1; elmB = t2; elmR = t1 - t3;
  1073. }
  1074. else if (elmH < 180) {
  1075. elmG = t1; elmR = t2; elmB = t2 + t3;
  1076. }
  1077. else if (elmH < 240) {
  1078. elmB = t1; elmR = t2; elmG = t1 - t3;
  1079. }
  1080. else if (elmH < 300) {
  1081. elmB = t1; elmG = t2; elmR = t2 + t3;
  1082. }
  1083. else if (elmH < 360) {
  1084. elmR = t1; elmG = t2; elmB = t1 - t3;
  1085. }
  1086. else {
  1087. elmR = 0; elmG = 0; elmB = 0;
  1088. }
  1089. }
  1090. elmR = Math.floor(elmR).toString(16);
  1091. elmG = Math.floor(elmG).toString(16);
  1092. elmB = Math.floor(elmB).toString(16);
  1093. if (elmR.length == 1) elmR = "0" + elmR;
  1094. if (elmG.length == 1) elmG = "0" + elmG;
  1095. if (elmB.length == 1) elmB = "0" + elmB
  1096. elmH = elmH + rate;
  1097. if (elmH >= 360)
  1098. elmH = 0;
  1099. return '#' + elmR + elmG + elmB;
  1100. }
  1101. //]]>
  1102. </script>
  1103. <!--TUTORIAL AT easy-html-tutorials-->
  1104. </head>
  1105.  
  1106. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  1107.  
  1108. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  1109.  
  1110. <body>
  1111. <div id="header">
  1112. {block:ifuseblogtitle}
  1113. <div class="header-title"><br>{text:blogtitle}</div>
  1114. </div>
  1115. {block:ifuseblogtitle}
  1116.  
  1117. <div id="description"><br>{description}</div>
  1118.  
  1119. <div id="linkie1"><a title="home" href="/"><i class="fa fa-heart"></i></a></div>
  1120. <div id="linkie2"><a title="mailbox" href="#?w=500" rel="02" class="poplight"><i class="fa fa-heart"></i></a></div>
  1121. <div id="linkie3"><a title="submit" href="#?w=500" rel="04" class="poplight"><i class="fa fa-heart"></i></a></div>
  1122. <div id="linkie4"><a title="linkies" href="#?w=435" rel="05" class="poplight"><i class="fa fa-heart"></i></a></div>
  1123. <div id="linkie5"><a title="archive" href="#?w=500" rel="06" class="poplight"><i class="fa fa-heart"></i></a></div>
  1124.  
  1125.  
  1126. {block:ifusebanner}
  1127. <div class="banner"><a title="{text:banner title}" href="/"><img src="{image:banner}" height="120px"></a></div>
  1128. {/block:ifusebanner}
  1129.  
  1130. <BODY onselectstart="return false;" ondragstart="return false;">
  1131. <div class="wrapper">
  1132. <div class="header">
  1133. </div>
  1134.  
  1135. <div id="cage">
  1136. <div id="center">
  1137.  
  1138.  
  1139.  
  1140. <!------------------------------------->
  1141.  
  1142. <div id="credz"><a title="theme made by sherbeht" href="http://sherbeht.tumblr.com"><img src="http://gazo.emoji7.jp/img/04tvl_650616/%28%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%81%AA%E3%81%97%29_m.gif" style="height:18px; width:18px; bottom:30px; left:-5px"></a></div>
  1143.  
  1144.  
  1145. <div class="left">
  1146. <div id="posts">
  1147. {block:Posts}
  1148. <div class="entry">
  1149.  
  1150. {block:Text}{block:Title}<span class="title"><center>{Title}<br><br></center></span>{/block:Title}<span class="body">{Body}</span>{block:IndexPage}
  1151. <br><div class="textperma"><a href="{ReblogURL}" target="_blank"> reblawg</a> ● <a href="{permalink}">{NoteCount} cloud</a></div></center>{/block:IndexPage}{/block:HasTags}</span></align>
  1152. {/block:Text}
  1153.  
  1154. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><div class="textperma"><a href="{ReblogURL}" target="_blank"> reblawg</a> ● {NoteCount} notes</a></div></align>{block:Link}
  1155.  
  1156. {block:Photo}
  1157. {block:IndexPage}
  1158. <center>
  1159. <div class="reblogperma"><li>{reblogbutton color="white"}</li></div>
  1160. <div class="likesperma"><li>{likebutton color="white"}</li></a></div>
  1161.  
  1162. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1163. {/block:IndexPage}
  1164. {block:PermalinkPage}
  1165. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1166.  
  1167. {LinkCloseTag}
  1168. {/block:PermalinkPage}
  1169. {/block:Photo}
  1170.  
  1171. {block:Photoset}
  1172. <center>
  1173. {block:Photos}
  1174. {block:indexpage}<img src="{PhotoURL-500}" width="190px" />{/block:indexpage}
  1175. {block:permalinkpage}<img src="{PhotoURL-500}" />{/block:permalinkpage}
  1176. {/block:Photos}
  1177. </center>
  1178.  
  1179. <div class="textperma"><a href="{ReblogURL}" target="_blank"> reblawg</a> ● {NoteCount} notes</a></div>
  1180.  
  1181. {/block:Photoset}
  1182.  
  1183. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><div class="textperma"><a href="{ReblogURL}" target="_blank"> reblawg</a> ● {NoteCount} notes</a></div><p align=right><span class="permalink"></span>{/block:Quote}
  1184.  
  1185. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1186. <ul class="chat">
  1187. {block:Lines}
  1188. <li class="user_{UserNumber}">
  1189. {block:Label}
  1190. <span class="label">{Label}</span>
  1191. {/block:Label}
  1192.  
  1193. {Line}
  1194. </li>
  1195. {/block:Lines}
  1196. <p align=right><div class="textperma"><a href="{ReblogURL}" target="_blank"> reblawg</a> ● {NoteCount} notes</a></div>
  1197. {/block:Chat}
  1198.  
  1199. {block:Answer}
  1200. <div class="ask"><img src="{AskerPortraitURL-30}" width="25" align="left" style="margin-top:-10px; margin-right:21px; box-shadow: 0px 0px 0px 2px {color:border}; border-radius: 0px;"/><span class="asker">{Asker}:</span><br>{Question}</div>
  1201. <div class="answer">{Answer}</div><div id="yourname"> love, {text:your name}</div>
  1202. {block:IndexPage}
  1203. <br><div class="textperma"><a href="{ReblogURL}" target="_blank"> reblawg</a> ● {NoteCount} notes</a></div></center>{/block:IndexPage}
  1204. {/block:Answer}
  1205.  
  1206. {block:Audio}
  1207. <div style="width:200px; height:30px;">
  1208. {AudioPlayerBlack}
  1209. </div>
  1210. {block:IndexPage}<span class="permalink">
  1211. <p align=right><div class="textperma"><a href="{ReblogURL}" target="_blank"> reblawg</a> ● {NoteCount} notes</a></div>
  1212. </span>{/block:IndexPage}
  1213. {/block:Audio}
  1214.  
  1215. {block:Video}
  1216. {block:IndexPage}
  1217. <center>
  1218. <div class="perma">
  1219. <img src="http://38.media.tumblr.com/94d72461c83908a97f8a9edee2cec658/tumblr_inline_mmzo26kBMa1qz4rgp.gif"> </a> </div>
  1220. <div class="perma2">
  1221. <a title="{notecount} hearts - {timeago}" href="{permalink}" target="_blank"> <img src="http://38.media.tumblr.com/57305b34e120311faaf5e25642d3d301/tumblr_inline_mmzo219u5B1qz4rgp.gif"> </a> </div>
  1222. {Video-250}</center>
  1223. {/block:IndexPage}
  1224. {block:PermalinkPage}
  1225. <center>
  1226. {Video-400}</center>
  1227. {/block:PermalinkPage}
  1228. {block:Video}
  1229.  
  1230.  
  1231. {block:PostNotes}<div align="middle">{caption}</div>
  1232. <center>
  1233.  
  1234. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1235.  
  1236. {block:HasTags}
  1237. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1238. {block:RebloggedFrom}
  1239. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1240. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1241.  
  1242. {/block:RebloggedFrom}
  1243. </center></span>
  1244. <br>
  1245. <div id="postnotes">{PostNotes}</div><br>
  1246.  
  1247. <center>{block:ContentSource}
  1248. <br><a href="{SourceURL}">
  1249. {lang:Source}:
  1250. {block:SourceLogo}
  1251. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1252. height="{LogoHeight}" alt="{SourceTitle}" />
  1253. {/block:SourceLogo}
  1254. {block:NoSourceLogo}
  1255. {SourceLink}
  1256. {/block:NoSourceLogo}
  1257. </a>
  1258. {/block:ContentSource}</center>
  1259.  
  1260. {/block:PostNotes}
  1261. </div>
  1262. {/block:Posts}
  1263. </div></div>
  1264.  
  1265. {block:IndexPage}
  1266. {block:Pagination}
  1267. <div id="pagination">
  1268. {block:NextPage}
  1269. <a id="nextPage" href="{NextPage}"></a>
  1270. {/block:NextPage}
  1271. {block:PreviousPage}
  1272. <a href="{PreviousPage}"></a>
  1273. {/block:PreviousPage}
  1274. </div>
  1275. {/block:Pagination}
  1276. {/block:IndexPage}
  1277. </body>
  1278.  
  1279. <div id="02" class="popup_block">
  1280. <div style="width: 520px; height: 420px;overflow-y:scroll; overflow-x:hidden;" </div><br><br><br>
  1281. <div style="font-size:70px; font-family: 'short stack', cursive; color:{color:title}; padding:10px; text-align:center;">Message me</a></div><br><br><br><br>
  1282. <center>
  1283.  
  1284. <div class="box1">
  1285. <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/65-1.gif"> I track the tag #{name} <br>
  1286. <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/65-1.gif"> something <br>
  1287. <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/65-1.gif"> something <br>
  1288. </div>
  1289.  
  1290. <div class="box2"><sofia><img src="http://http://gazo.emoji7.jp/img/04shs_627183/%E3%81%8B%E3%82%8F%E3%81%84%E3%81%84_m.gif"> I Will <img src="http://gazo.emoji7.jp/img/04shs_627183/%E3%81%8B%E3%82%8F%E3%81%84%E3%81%84_m.gif"></sofia><br>
  1291. <br><img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/65-1.gif"> something<br>
  1292. <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/65-1.gif"> something<br>
  1293. <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/65-1.gif"> somethingy<br>
  1294. <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/65-1.gif"> something<br>
  1295. </div>
  1296.  
  1297. <div class="box3"><sofia><img src="http://gazo.emoji7.jp/img/04shs_627183/%E3%81%8B%E3%82%8F%E3%81%84%E3%81%84_m.gif"> I Won't <img src="http://gazo.emoji7.jp/img/04shs_627183/%E3%81%8B%E3%82%8F%E3%81%84%E3%81%84_m.gif"></sofia><br><br>
  1298. <br><img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/65-1.gif"> something<br>
  1299. <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/65-1.gif"> something<br>
  1300. <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/65-1.gif"> something<br>
  1301. <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/65-1.gif"> something
  1302. </div>
  1303.  
  1304. <div class="box4"><sofia><img src="http://gazo.emoji7.jp/img/04shs_627183/%E3%81%8B%E3%82%8F%E3%81%84%E3%81%84_m.gif"> Why the unfollow? <img src="http://gazo.emoji7.jp/img/04shs_627183/%E3%81%8B%E3%82%8F%E3%81%84%E3%81%84_m.gif"></sofia><br><br>
  1305. <br><img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/65-1.gif"> something<br>
  1306. <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/65-1.gif"> something<br>
  1307. <img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/65-1.gif"> something<br>
  1308. </div><br><br></center>
  1309.  
  1310. <center><iframe frameborder="0" scrolling="yes" width="90%" height="190" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  1311. </center></div></div></div></div></div></div></div></div></div></div></div>
  1312. </div></div>
  1313.  
  1314.  
  1315. <div id="03" class="popup_block">
  1316. <div style="font-size:70px; font-family: 'short stack', cursive; color:{color:title}; padding:10px; text-align:center;">submit</a></div><br><br><br><br>
  1317. <iframe frameborder="0" width="500px" height="300px" id="submit_form" src="http://www.tumblr.com/submit_form/{name}.tumblr.com" seamless></iframe>
  1318.  
  1319. </div></div></div></div></div></div></div></div></div></div></div></div>
  1320. </div></div>
  1321.  
  1322.  
  1323. <div id="04" class="popup_block">
  1324. <div style="font-size:70px; font-family: 'short stack', cursive; color:{color:title}; padding:10px; text-align:center;">submit</a></div><br><br><br><br>
  1325. <iframe frameborder="0" width="500px" height="300px" id="submit_form" src="http://www.tumblr.com/submit_form/{name}.tumblr.com" seamless></iframe>
  1326.  
  1327. </div></div></div></div></div></div></div></div></div></div></div></div>
  1328. </div></div>
  1329.  
  1330.  
  1331. <div id="05" class="popup_block">
  1332. <div style="font-size:70px; font-family: 'short stack', cursive; color:{color:title}; padding:10px; text-align:center;">linkies</a></div><br><br><br><br>
  1333.  
  1334. <div id="linkies">
  1335.  
  1336. <div class="lion">
  1337. <img src="http://media.tumblr.com/tumblr_lkl6ysimH71qfamg6.gif">
  1338. Box 1 <img src="http://media.tumblr.com/tumblr_lkl6ysimH71qfamg6.gif">
  1339. </div>
  1340.  
  1341. <div class="boxes">
  1342.  
  1343. <a href="http://" title="title"> Link </a> ⊹
  1344. <a href="http://" title="title"> Link </a> ⊹
  1345. <a href="http://" title="title"> Link </a> ⊹
  1346. <a href="http://" title="title"> Link </a> ⊹
  1347. <a href="http://" title="title"> Link </a>
  1348.  
  1349. </div>
  1350. </div>
  1351.  
  1352.  
  1353. <div id="linkies">
  1354. <div class="lion">
  1355.  
  1356. <img src="http://media.tumblr.com/tumblr_lkl6ysimH71qfamg6.gif">
  1357. Box 2 <img src="http://media.tumblr.com/tumblr_lkl6ysimH71qfamg6.gif">
  1358. </div>
  1359.  
  1360. <div class="boxes">
  1361. <a href="http://" title="title"> Link </a> ⊹
  1362. <a href="http://" title="title"> Link </a> ⊹
  1363. <a href="http://" title="title"> Link </a> ⊹
  1364. <a href="http://" title="title"> Link </a> ⊹
  1365. <a href="http://" title="title"> Link </a>
  1366.  
  1367. </div>
  1368. </div>
  1369.  
  1370.  
  1371. <div id="linkies">
  1372.  
  1373. <div class="lion">
  1374. <img src="http://media.tumblr.com/tumblr_lkl6ysimH71qfamg6.gif">
  1375. Box 3 <img src="http://media.tumblr.com/tumblr_lkl6ysimH71qfamg6.gif">
  1376. </div>
  1377.  
  1378. <div class="boxes">
  1379.  
  1380. <a href="http://" title="title"> Link </a> ⊹
  1381. <a href="http://" title="title"> Link </a> ⊹
  1382. <a href="http://" title="title"> Link </a> ⊹
  1383. <a href="http://" title="title"> Link </a> ⊹
  1384. <a href="http://" title="title"> Link </a>
  1385.  
  1386. </div>
  1387. </div>
  1388.  
  1389.  
  1390. <div id="linkies">
  1391. <div class="lion">
  1392. <img src="http://media.tumblr.com/tumblr_lkl6ysimH71qfamg6.gif">
  1393. Box 4 <img src="http://media.tumblr.com/tumblr_lkl6ysimH71qfamg6.gif">
  1394. </div>
  1395.  
  1396. <div class="boxes">
  1397.  
  1398. <a href="http://" title="title"> Link </a> ⊹
  1399. <a href="http://" title="title"> Link </a> ⊹
  1400. <a href="http://" title="title"> Link </a> ⊹
  1401. <a href="http://" title="title"> Link </a> ⊹
  1402. <a href="http://" title="title"> Link </a>
  1403.  
  1404. </div>
  1405. </div>
  1406.  
  1407.  
  1408. <div id="linkies">
  1409. <div class="lion">
  1410. <img src="http://media.tumblr.com/tumblr_lkl6ysimH71qfamg6.gif"> Box 5 <img src="http://media.tumblr.com/tumblr_lkl6ysimH71qfamg6.gif">
  1411. </div>
  1412.  
  1413. <div class="boxes">
  1414.  
  1415. <a href="http://" title="title"> Link </a> ⊹
  1416. <a href="http://" title="title"> Link </a> ⊹
  1417. <a href="http://" title="title"> Link </a> ⊹
  1418. <a href="http://" title="title"> Link </a> ⊹
  1419. <a href="http://" title="title"> Link </a>
  1420.  
  1421. </div>
  1422. </div>
  1423.  
  1424.  
  1425. <div id="linkies">
  1426. <div class="lion">
  1427. <img src="http://media.tumblr.com/tumblr_lkl6ysimH71qfamg6.gif">
  1428. Box 6 <img src="http://media.tumblr.com/tumblr_lkl6ysimH71qfamg6.gif">
  1429. </div>
  1430.  
  1431. <div class="boxes">
  1432.  
  1433. <a href="http://" title="title"> Link </a> ⊹
  1434. <a href="http://" title="title"> Link </a> ⊹
  1435. <a href="http://" title="title"> Link </a> ⊹
  1436. <a href="http://" title="title"> Link </a> ⊹
  1437. <a href="http://" title="title"> Link </a>
  1438.  
  1439. </div></div><br><br>
  1440. <center>Fask and linkies by by <a href="http://vogucci.tumblr.com">Eva</a>
  1441. </div></div></div></div></div></div></div></div></div></div></div>
  1442.  
  1443.  
  1444. <div id="06" class="popup_block" style="left:30%; background:transparent; border:none; box-shadow:none;">
  1445. <iframe frameborder="0" width="1100px" height="600px" src="http://{name}.tumblr.com/archive" seamless></iframe><br>
  1446. </div></div></div></div></div></div></div></div></div></div></div></div>
  1447.  
  1448.  
  1449.  
  1450.  
  1451.  
  1452.  
  1453.  
  1454.  
  1455.  
  1456.  
  1457.  
  1458.  
  1459.  
  1460.  
  1461.  
  1462.  
  1463.  
  1464.  
  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!