API tools faq
paste
Advertisement
cigullll

UNICORN THEME #10 BY FLORETTICA

cigullll
Jun 30th, 2015
520
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.39 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4.  
  5.  
  6. ╋┏━┳┓╋╋╋╋╋╋╋╋┏┓╋┏┓++++++++++++++
  7. ╋┃┏┫┃╋╋╋╋╋╋╋┏┛┗┳┛┗┓++++++++++++
  8. ┏┛┗┫┃┏━━┳━┳━┻┓┏┻┓┏╋┳━━┳━━┓
  9. ┗┓┏┫┃┃┏┓┃┏┫┃━┫┃╋┃┃┣┫┏━┫┏┓┃
  10. ╋┃┃┃┗┫┗┛┃┃┃┃━┫┗┓┃┗┫┃┗━┫┏┓┃
  11. ╋┗┛┗━┻━━┻┛┗━━┻━┛┗━┻┻━━┻┛┗┛
  12. ╋┏┓┏┓++++++++++++++++++++++++++++++++++++++
  13. ┏┛┗┫┃++++++++++++++++++++++++++++++++++++++
  14. ┗┓┏┫┗━┳━━┳┓┏┳━━┳━━┓+++++++++++++
  15. ╋┃┃┃┏┓┃┃━┫┗┛┃┃━┫━━┫+++++++++++++
  16. ╋┃┗┫┃┃┃┃━┫┃┃┃┃━╋━━┃+++++++++++++
  17. ╋┗━┻┛┗┻━━┻┻┻┻━━┻━━┛+++++++++++++
  18.  
  19.  
  20. ⋆✧ⒻⓁⓄⓇⒺⓉⓉⒾⒸⒶ✧⋆
  21.  
  22. ⓣⓗⓔⓜⓔⓢ ⓑⓨ ⓒⓘⓝⓓⓨ
  23.  
  24. UNICORN THEME #10
  25.  
  26. + Do not remove the text or else you'll loose you blog
  27. + Do not copy or steal anything from this theme and use it on your next theme/future theme.
  28. + Do not redistribute this theme or claim it as yours
  29. + Feel free to edit anything, but never remove my credit.
  30. + Do not remove the credits on the bottom left, ask permission first.
  31. + If you're planning to make a huge revamping of my the
  32. me, please let me know.
  33.  
  34.  
  35. don't forget to replace "YOURURLHERE" with your url on popup ask and submit box
  36.  
  37. Change "favicon" with a cute pixel of your choice!
  38.  
  39.  
  40.  
  41.  
  42.  
  43.  
  44. -->
  45.  
  46.  
  47.  
  48. <html lang="en">
  49. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  50. <html xmlns="http://www.w3.org/1999/xhtml">
  51. <head>
  52.  
  53.  
  54.  
  55. <script type="text/javascript">
  56. <!--
  57.  
  58. // Disable Right Click Script
  59.  
  60. function IE(e)
  61. {
  62. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  63. {
  64. return false;
  65. }
  66. }
  67. function NS(e)
  68. {
  69. if (document.layers || (document.getElementById && !document.all))
  70. {
  71. if (e.which == "2" || e.which == "3")
  72. {
  73. return false;
  74. }
  75. }
  76. }
  77. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  78.  
  79. //-->
  80. </script>
  81.  
  82.  
  83. <!----POP UP SCRIPT---->
  84.  
  85. <script type="text/javascript"
  86. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  87. <script>
  88. $(document).ready(function() {
  89. //
  90. $('a.poplight[href^=#]').click(function() {
  91. var popID = $(this).attr('rel'); //Get p Name
  92. var popURL = $(this).attr('href'); //Get Popup href to define size
  93. var query= popURL.split('?');
  94. var dim= query[1].split('&');
  95. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  96. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/tumblr_lprq95AmIG1qcn2vb.png" class="btn_close" title="Close" alt="Close" /></a>');
  97. var popMargTop = ($('#' + popID).height() + 80) / 2;
  98. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  99. //Apply Margin to Popup
  100. $('#' + popID).css({
  101. 'margin-top' : -popMargTop,
  102. 'margin-left' : -popMargLeft
  103. });
  104. $('body').append('<div id="fade"></div>');
  105. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  106. return false;
  107. });
  108. $('a.close, #fade').live('click', function() {
  109. $('#fade , .popup_block').fadeOut(function() {
  110. $('#fade, a.close').remove(); //fade them both out
  111. });
  112. return false;
  113. });
  114. });
  115. </script>
  116.  
  117. <!-- END OF POPUP SCRIPTS -->
  118.  
  119.  
  120. <script type="text/javascript">
  121. // <![CDATA[
  122. var colour="#ffbaf8";
  123. var sparkles=120;
  124.  
  125. /****************************
  126. * Tinkerbell Magic Sparkle *
  127. * (c) 2005 mf2fm web-design *
  128. * http://www.mf2fm.com/rv *
  129. * DON'T EDIT BELOW THIS BOX *
  130. ****************************/
  131. var x=ox=400;
  132. var y=oy=300;
  133. var swide=800;
  134. var shigh=600;
  135. var sleft=sdown=0;
  136. var tiny=new Array();
  137. var star=new Array();
  138. var starv=new Array();
  139. var starx=new Array();
  140. var stary=new Array();
  141. var tinyx=new Array();
  142. var tinyy=new Array();
  143. var tinyv=new Array();
  144.  
  145. window.onload=function() { if (document.getElementById) {
  146. var i, rats, rlef, rdow;
  147. for (var i=0; i<sparkles; i++) {
  148. var rats=createDiv(3, 3);
  149. rats.style.visibility="hidden";
  150. document.body.appendChild(tiny[i]=rats);
  151. starv[i]=0;
  152. tinyv[i]=0;
  153. var rats=createDiv(5, 5);
  154. rats.style.backgroundColor="transparent";
  155. rats.style.visibility="hidden";
  156. var rlef=createDiv(1, 5);
  157. var rdow=createDiv(5, 1);
  158. rats.appendChild(rlef);
  159. rats.appendChild(rdow);
  160. rlef.style.top="2px";
  161. rlef.style.left="0px";
  162. rdow.style.top="0px";
  163. rdow.style.left="2px";
  164. document.body.appendChild(star[i]=rats);
  165. }
  166. set_width();
  167. sparkle();
  168. }}
  169.  
  170. function sparkle() {
  171. var c;
  172. if (x!=ox || y!=oy) {
  173. ox=x;
  174. oy=y;
  175. for (c=0; c<sparkles; c++) if (!starv[c]) {
  176. star[c].style.left=(starx[c]=x)+"px";
  177. star[c].style.top=(stary[c]=y)+"px";
  178. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  179. star[c].style.visibility="visible";
  180. starv[c]=50;
  181. break;
  182. }
  183. }
  184. for (c=0; c<sparkles; c++) {
  185. if (starv[c]) update_star(c);
  186. if (tinyv[c]) update_tiny(c);
  187. }
  188. setTimeout("sparkle()", 40);
  189. }
  190.  
  191. function update_star(i) {
  192. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  193. if (starv[i]) {
  194. stary[i]+=1+Math.random()*3;
  195. if (stary[i]<shigh+sdown) {
  196. star[i].style.top=stary[i]+"px";
  197. starx[i]+=(i%5-2)/5;
  198. star[i].style.left=starx[i]+"px";
  199. }
  200. else {
  201. star[i].style.visibility="hidden";
  202. starv[i]=0;
  203. return;
  204. }
  205. }
  206. else {
  207. tinyv[i]=50;
  208. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  209. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  210. tiny[i].style.width="2px";
  211. tiny[i].style.height="2px";
  212. star[i].style.visibility="hidden";
  213. tiny[i].style.visibility="visible"
  214. }
  215. }
  216.  
  217. function update_tiny(i) {
  218. if (--tinyv[i]==25) {
  219. tiny[i].style.width="1px";
  220. tiny[i].style.height="1px";
  221. }
  222. if (tinyv[i]) {
  223. tinyy[i]+=1+Math.random()*3;
  224. if (tinyy[i]<shigh+sdown) {
  225. tiny[i].style.top=tinyy[i]+"px";
  226. tinyx[i]+=(i%5-2)/5;
  227. tiny[i].style.left=tinyx[i]+"px";
  228. }
  229. else {
  230. tiny[i].style.visibility="hidden";
  231. tinyv[i]=0;
  232. return;
  233. }
  234. }
  235. else tiny[i].style.visibility="hidden";
  236. }
  237.  
  238. document.onmousemove=mouse;
  239. function mouse(e) {
  240. set_scroll();
  241. y=(e)?e.pageY:event.y+sdown;
  242. x=(e)?e.pageX:event.x+sleft;
  243. }
  244.  
  245. function set_scroll() {
  246. if (typeof(self.pageYOffset)=="number") {
  247. sdown=self.pageYOffset;
  248. sleft=self.pageXOffset;
  249. }
  250. else if (document.body.scrollTop || document.body.scrollLeft) {
  251. sdown=document.body.scrollTop;
  252. sleft=document.body.scrollLeft;
  253. }
  254. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  255. sleft=document.documentElement.scrollLeft;
  256. sdown=document.documentElement.scrollTop;
  257. }
  258. else {
  259. sdown=0;
  260. sleft=0;
  261. }
  262. }
  263.  
  264. window.onresize=set_width;
  265. function set_width() {
  266. if (typeof(self.innerWidth)=="number") {
  267. swide=self.innerWidth;
  268. shigh=self.innerHeight;
  269. }
  270. else if (document.documentElement && document.documentElement.clientWidth) {
  271. swide=document.documentElement.clientWidth;
  272. shigh=document.documentElement.clientHeight;
  273. }
  274. else if (document.body.clientWidth) {
  275. swide=document.body.clientWidth;
  276. shigh=document.body.clientHeight;
  277. }
  278. }
  279.  
  280. function createDiv(height, width) {
  281. var div=document.createElement("div");
  282. div.style.position="absolute";
  283. div.style.height=height+"px";
  284. div.style.width=width+"px";
  285. div.style.overflow="hidden";
  286. div.style.backgroundColor=colour;
  287. return (div);
  288. }
  289. // ]]>
  290. </script>
  291.  
  292.  
  293. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  294.  
  295. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  296. <script>
  297. (function($){$(document)
  298. .ready(function(){$("[title]")
  299. .style_my_tooltips();});})
  300. (jQuery);
  301. </script>
  302.  
  303. {block:IndexPage}
  304. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  305. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  306.  
  307. <script type="text/javascript">
  308. $(window).load(function(){
  309. var $wall = $('#entries');
  310. $wall.imagesLoaded(function(){
  311. $wall.masonry({
  312. itemSelector: '#post, #post_photo',
  313. isAnimated : false
  314. });
  315. });
  316.  
  317. $wall.infinitescroll({
  318. navSelector : '#pagination',
  319. nextSelector : '#pagination a',
  320. itemSelector : '#post, #post_photo',
  321. bufferPx : 2000,
  322. debug : false,
  323. errorCallback: function() {
  324. $('#scroll').fadeOut('normal');
  325. }},
  326. function( newElements ) {
  327. var $newElems = $( newElements );
  328. $newElems.hide();
  329. $newElems.imagesLoaded(function(){
  330. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  331. });
  332. }); $('#entries').show(500);
  333. });
  334. </script>
  335. {/block:IndexPage}
  336.  
  337.  
  338.  
  339.  
  340. <script type="text/javascript"
  341. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  342.  
  343. <!--DEFAULT VARIABLES-->
  344. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  345. <meta name="color:background" content="#fff"/>
  346. <meta name="color:link" content="#fdc2d2"/>
  347. <meta name="color:text" content="#fdc2d2"/>
  348. <meta name="color:title" content="#fdc2d2"/>
  349. <meta name="color:blogtitle" content="#fdc2d2"/>
  350. <meta name="color:signature" content="#fdc2d2"/>
  351. <meta name="color:border" content="#ffb0d0"/>
  352. <meta name="color:sidebar border" content="#fdc2d2"/>
  353. <meta name="color:link hover" content="#fff"/>
  354. <meta name="color:hover" content="#fff"/>
  355. <meta name="color:post hover" content="#ffecec"/>
  356. <meta name="image:sidebar" content="1"/>
  357. <meta name="image:background" content="1"/>
  358. <meta name="image:Banner" content=""/>
  359.  
  360. <meta name="font:Choose a font" content="Georgia">
  361.  
  362. <meta name="if:use Banner" content=""/>
  363. <meta name="if:use Blogtitle" content="1"/>
  364.  
  365. <style type="text/css">
  366.  
  367.  
  368.  
  369. #gc{
  370.  
  371. text-transform:uppercase;
  372. background: transparent;
  373. z-index: 9999;
  374. position:fixed;
  375. top:27px;
  376. right:6px;
  377. height:auto;
  378. width:auto;
  379. opacity:0.7 !important;
  380. -webkit-transition: all 0.8s ease-out;
  381. -moz-transition: all 0.8s ease-out;
  382. transition: all 0.8s ease-out;
  383.  
  384.  
  385. }
  386.  
  387. #gc:hover{
  388. opacity:0.7;
  389. z-index:9999;
  390. -webkit-transition: all 0.8s ease-out;
  391. -moz-transition: all 0.8s ease-out;
  392. transition: all 0.8s ease-out;
  393. }
  394.  
  395.  
  396.  
  397. /** CREDIT!! DO NOT FUCKING DELETE THIS! OR YOU WILL LOOSE YOUR BLOG**/
  398.  
  399.  
  400. #ray{
  401. position:fixed;
  402. width:auto;
  403. top:585px;
  404. left:0px;
  405. z-index:9999;
  406. transition: all 0.7s ease-out;
  407. -o-transition-transition: all 0.7s ease-out;
  408. -webkit-transition: all 0.7s ease-out;
  409. -moz-transition: all 0.7s ease-out;
  410. }
  411.  
  412. #credit{
  413. position:fixed;
  414. height:10px;
  415. max-width:-0px;
  416. left:-0px;
  417. margin-top:33px;
  418. padding:5px;
  419. padding-right:24px;
  420. font-size:17px;
  421. font-family:calibri;
  422. line-height:10px;
  423. text-transform:uppercase;
  424. text-align:center;
  425. border:2px solid #ffd0ef;
  426. background:white;
  427. z-index:9999;
  428. transition: all 0.7s ease-out;
  429. -o-transition-transition: all 0.7s ease-out;
  430. -webkit-transition: all 0.7s ease-out;
  431. -moz-transition: all 0.7s ease-out;
  432. }
  433.  
  434. #ray:hover #credit{
  435. left:0px;
  436. transition: all 0.7s ease-out;
  437. }
  438.  
  439. #ray:hover #cred1{
  440. left:-2px;
  441. transition: all 0.7s ease-out;
  442. }
  443.  
  444.  
  445. #cred2{
  446. position:fixed;
  447. right:10px;
  448. bottom:550px;
  449. z-index:99999999999999999999999999;
  450. font-size:10px;
  451. }
  452.  
  453.  
  454.  
  455. #cred1{
  456. position:fixed;
  457. text-align:center;
  458. width:130px;
  459. font-size:11px;
  460. background:#ffffff;
  461. height:10px;
  462. padding:5px;
  463. font-family:calibri;
  464. text-transform:uppercase;
  465. left:-147px;
  466. margin-top:33px;
  467. border:2px solid #ffd0ef;
  468. line-height:10px;
  469. z-index:9999;
  470. transition: all 0.7s ease-out;
  471. -o-transition-transition: all 0.7s ease-out;
  472. -webkit-transition: all 0.7s ease-out;
  473. -moz-transition: all 0.7s ease-out;
  474. }
  475.  
  476.  
  477.  
  478.  
  479.  
  480. /** CREDIT!! DO NOT FUCKING DELETE THIS! OR YOU WILL LOOSE YOUR BLOG**/
  481.  
  482.  
  483.  
  484. /***TOOL TIP **/
  485.  
  486. #s-m-t-tooltip {
  487. max-width:500px;
  488. padding:3px 3px 3px 3px;
  489. margin:20px 0px 0px 20px;
  490. background: #fff;
  491. border: 2px solid {color:border};
  492. font-family: "the girl next door";
  493. font-size: 11px;
  494. letter-spacing: 0px;
  495. color: {color:Text};
  496. z-index:999999999999999999999999999999999999;
  497. }
  498.  
  499.  
  500.  
  501. #fade { /*--Transparent background layer--*/
  502. display: none; /*--hidden by default--*/
  503. position: fixed; left: 0; top: 0;
  504. width: 100%; height: 100%;
  505. opacity: .95;
  506. z-index: 9999;
  507. }
  508. .popup_block{
  509. display: none; /*--hidden by default--*/
  510. background: #fff;
  511. padding: 20px;
  512. border: 2px solid {color:border};
  513. float: leFt;
  514. font-size: 14px;
  515. line-height:16px;
  516. position: fixed;font-family: 'Handlee', cursive;
  517.  
  518. top: 50%; left: 50%;
  519. z-index: 99999;
  520. /*--CSS3 Box Shadows--*/
  521. -webkit-box-shadow: 0px 0px 20px {color:post hover};
  522. -moz-box-shadow: 0px 0px 20px {color:post hover};
  523. box-shadow: 0px 0px 20px {color:post hover};
  524. /*--CSS3 Rounded Corners--*/
  525. -webkit-border-radius: 10px;
  526. -moz-border-radius: 10px;
  527. border-radius: 5px;
  528. }
  529. img.btn_close {
  530. float: right;
  531. margin: -5px -5px 0 0;
  532. }
  533.  
  534. /*--Making IE6 Understand Fixed Positioning--*/
  535. *html #fade {
  536. position: absolute;
  537. }
  538. *html .popup_block {
  539. position: absolute;
  540. }
  541.  
  542. /******HOVER MAILBOX MADE BY FLORETTICA*******/
  543.  
  544. #floretticamail {
  545. margin-left: 10px;
  546. display: inline-block;
  547. font-size: 40px;
  548. line-height: 28px;
  549. font-family: 'amatic sc regular';
  550. color: {color:links};
  551. text-align: center;
  552. border: double {color:blogtitle};
  553. border-radius:4px;
  554. width:430px;
  555. height: 200px;
  556. padding: 18px;
  557. overflow: hidden;
  558. transition: all 0.1s ease-out;
  559. -o-transition-transition: all 1s ease-out;
  560. -webkit-transition: all 1s ease-out;
  561. -moz-transition: all 1s ease-out;
  562.  
  563. }
  564.  
  565. .hoverask{
  566. margin-top:70px;
  567. opacity:1;
  568. transition: all 0.6s ease-out;
  569. -o-transition-transition: all 1s ease-out;
  570. -webkit-transition: all 1s ease-out;
  571. -moz-transition: all 1s ease-out;
  572. }
  573.  
  574.  
  575. #floretticamail:hover .hoverask{
  576. opacity:0;
  577. -o-transition-transition: all 1s ease-out;
  578. -webkit-transition: all 1s ease-out;
  579. -moz-transition: all 1s ease-out;
  580. }
  581.  
  582. .floretticaask{
  583. margin-top:-125px;
  584. opacity: 0;
  585. transition: all 0.1s ease-out;
  586. -o-transition-transition: all 1s ease-out;
  587. -webkit-transition: all 1s ease-out;
  588. -moz-transition: all 1s ease-out;
  589. font-family: 'amatic sc regular';
  590. font-size: 16px;
  591. }
  592.  
  593. #floretticamail:hover .floretticaask{
  594. opacity: 1;
  595. -o-transition-transition: all 1s ease-out;
  596. -webkit-transition: all 1s ease-out;
  597. -moz-transition: all 1s ease-out;
  598. }
  599.  
  600. /*LINKS LAYOUT BY FLORETTICA*/
  601. #links {
  602. margin: 2px;
  603. display: inline-block;
  604. text-align: center;
  605. border:1px dashed {color:title};
  606. border-radius:3px;
  607. height: 80px;
  608. width: 210px;
  609. font-family: 'Dawning of a New Day', cursive;
  610. padding: 10px;
  611. overflow: hidden;
  612. transition: all 0.1s ease-out;
  613. -o-transition-transition: all 0.1s ease-out;
  614. -webkit-transition: all 0.1s ease-out;
  615. -moz-transition: all 0.1s ease-out;
  616. }
  617.  
  618. .florettica{
  619. font-size: 20px;
  620. margin-top:20px;
  621. opacity:1;
  622. border-color: {color:border};
  623. font-family: 'Dawning of a New Day', cursive;
  624. font-size: 40px;
  625. color: {color:title};
  626. text-shadow: 2px 0px {color:link};
  627. transition: all 0.5s ease-out;
  628. -o-transition-transition: all 0.5s ease-out;
  629. -webkit-transition: all 0.5s ease-out;
  630. -moz-transition: all 0.5s ease-out;
  631. }
  632.  
  633. #links:hover .florettica{
  634. margin-top:0px;
  635. opacity:0;
  636. }
  637.  
  638. .florettica2{line-height:20px;
  639. font-size:25px;
  640. opacity: 0;
  641. transition: all 0.5s ease-out;
  642. -o-transition-transition: all 0.5s ease-out;
  643. -webkit-transition: all 0.5s ease-out;
  644. -moz-transition: all 0.5s ease-out;
  645. }
  646.  
  647. #links:hover .florettica2{
  648. opacity: 1;}
  649.  
  650. /*LINKS LAYOUT BY FLORETTICA*/
  651.  
  652. /************DO NOT DELETE #SCROLL************/
  653.  
  654. #scroll{
  655. bottom:-20px;
  656. position: absolute;
  657. left: 50%;
  658. width:10px;
  659. height:5px;
  660. overflow:hidden;
  661. margin-bottom:80px;}
  662.  
  663. ::-webkit-scrollbar {
  664. height: 10px;
  665. width: 10px;
  666. background: #fff; /* Scrollbar background color */
  667. border: 4px solid #fff;
  668. }
  669.  
  670. ::-webkit-scrollbar-thumb {
  671. background:{color:title};
  672. border:2px solid #fff;
  673. border-radius:5px;
  674.  
  675. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  676.  
  677.  
  678.  
  679. }
  680.  
  681. ::-webkit-scrollbar-corner {
  682. background: #ffffff;
  683. }
  684.  
  685.  
  686. /**** HEART TAB MADE BY FLORETTICA ****/
  687.  
  688. #tab1 {
  689.  
  690. background-color:{color:title}; /* background colour */
  691. width:40px; /* width before hvering */
  692. height:70px; /* height before hovering */
  693. font-size:14px; /* font size */
  694. font-family: 'Handlee', cursive;
  695.  
  696. color: #b3b3b3;
  697. border-radius:60px 60px 0px 0px;
  698. -moz-border-radius:0px 0px 0px 14px;
  699. position:fixed;
  700. overflow:hidden;
  701. top:27px;
  702. left:30px;
  703. z-index:9999;
  704. padding:2px;
  705. transform:rotate(-50deg);
  706. -webkit-transition: opacity 0.7s linear;
  707. -webkit-transition: all 0.7s ease-in-out;
  708. -moz-transition: all 0.7s ease-in-out;
  709. -o-transition: all 0.7s ease-in-out;
  710. }
  711.  
  712.  
  713. #tab1:hover{
  714. width: 300px;
  715. height: 400px;
  716. transform:rotate(0deg);
  717. overflow-y:scroll;
  718. overflow-x:hidden;
  719. width:290px; /* width after hovering */
  720. height: 290px; /* height after hovering */
  721. border-radius:0px;
  722. box-shadow: 0 0 10px 5px {color:link};
  723. border:3px #ffd8e6;
  724. opacity:0.95;
  725. background:white;
  726. z-index:999999999999;
  727. }
  728.  
  729. #tab2 {
  730. background-color:{color:title}; /* background colour */
  731. width:40px; /* width before hovering */
  732. height:70px; /* height before hovering */
  733. font-size:14px; /* font size */
  734. font-family: 'Handlee', cursive;
  735.  
  736. color: #b3b3b3;
  737. border-radius:60px 60px 0px 0px;
  738. -moz-border-radius:0px 0px 0px 14px;
  739. position:fixed;
  740. overflow:hidden;
  741. top:27px;
  742. left:60px;
  743. z-index:9999;
  744. padding:2px;
  745. transform:rotate(50deg);
  746. -webkit-transition: opacity 0.7s linear;
  747. -webkit-transition: all 0.7s ease-in-out;
  748. -moz-transition: all 0.7s ease-in-out;
  749. -o-transition: all 0.7s ease-in-out;}
  750.  
  751. #tab2:hover{
  752. width: 300px;
  753. height: 400px;
  754. overflow-y:scroll;
  755. overflow-x:hidden;
  756. width:290px; /* width after hovering */
  757. height: 290px; /* height after hovering */
  758. border-radius:0px;
  759. opacity:0.95;
  760. z-index:999999999999;
  761. box-shadow: 0 0 10px 5px {color:link};
  762. border:3px #ffd8e6;
  763. transform:rotate(0deg);
  764. background:white;
  765. }
  766.  
  767.  
  768. /**** HEART TAB MADE BY FLORETTICA ****/
  769. /****FONTS****/
  770. /* latin */
  771. /* latin */
  772. @font-face {
  773. font-family: 'Handlee';
  774. font-style: normal;
  775. font-weight: 400;
  776. src: local('Handlee Regular'), local('Handlee-Regular'), url(http://fonts.gstatic.com/s/handlee/v5/hN5OFJA7DLALxZ1osZb59Q.woff2) format('woff2');
  777. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  778. }
  779.  
  780. /* latin */
  781. @font-face {
  782. font-family: 'Dawning of a New Day';
  783. font-style: normal;
  784. font-weight: 400;
  785. src: local('Dawning of a New Day'), local('DawningofaNewDay'), url(http://fonts.gstatic.com/s/dawningofanewday/v7/JiDsRhiKZt8uz3NJ5xA06sXt6O2RzdGnaiPim4oAiF0.woff2) format('woff2');
  786. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  787. }
  788. @font-face {
  789. font-family: 'Amatic SC Regular';
  790. font-style: normal;
  791. font-weight: 400;
  792. src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url(http://fonts.gstatic.com/s/amaticsc/v6/DPPfSFKxRTXvae2bKDzp5BJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  793. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  794. }
  795. /* latin */
  796. @font-face {
  797. font-family: 'The Girl Next Door';
  798. font-style: normal;
  799. font-weight: 400;
  800. src: local('The Girl Next Door'), local('TheGirlNextDoor'), url(http://fonts.gstatic.com/s/thegirlnextdoor/v7/cWRA4JVGeEcHGcPl5hmX7oyXNO5rlBrAN79hEmcoJ2I.woff2) format('woff2');
  801. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  802. }
  803.  
  804.  
  805. 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-
  806.  
  807. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  808.  
  809. 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;}
  810.  
  811. p {
  812. margin:0px;
  813. margin-top:0px;
  814. }
  815.  
  816.  
  817. body {
  818. padding: 0px;
  819. margin: 0px;
  820. color:{color:text};
  821. font-family: 'Handlee', cursive;
  822. line-height:17px;
  823. font-size:14px;
  824. background-color:#fff;
  825. background-image:url({image:Background});
  826. background-attachment: fixed;
  827. background-repeat: repeat;
  828. }
  829.  
  830.  
  831. a:link, a:active, a:visited{
  832. text-decoration: none;
  833. -webkit-transition: color 0.3s ease-out;
  834. -moz-transition: color 0.3s ease-out;
  835. transition: color 0.3s ease-out;
  836. color:{color:link};
  837. }
  838.  
  839. a:hover {
  840. text-decoration: none;
  841. font-style:;
  842. color: {color:border};
  843. }
  844.  
  845.  
  846. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  847. .entry {
  848. float:left;
  849. display: block;
  850. margin:20px;
  851. padding:10px;
  852. margin-left:100px;
  853. border:2px solid {color:border};
  854. border-radius:10px 25px/25px 10px;
  855. overflow:hidden;
  856. width:250px;
  857. -moz-box-shadow: 0 0 20px 5px {color:post hover};
  858. -webkit-box-shadow: 0 0 20px 5px {color:post hover};
  859.  
  860.  
  861. {block:PermalinkPage}
  862. width:450px;
  863. text-align:left;
  864. line-height:10px;
  865. {/block:PermalinkPage}
  866. background:white;
  867. background-image:URL();
  868. transition: all 0.9s ease-out;
  869. -o-transition-transition: all 0.9s ease-out;
  870. -webkit-transition: all 0.9s ease-out;
  871. -moz-transition: all 0.9s ease-out;
  872. }
  873.  
  874. .entry:hover{
  875. border: 2px dashed {color:border};
  876. border-radius:25px 10px/10px 25px;
  877. -moz-box-shadow: 0 0 20px 5px {color:post hover};
  878. -webkit-box-shadow: 0 0 20px 5px {color:post hover};
  879. box-shadow: 0 0 20px 5px {color:post hover};
  880. transition: all 0.5s ease-out;
  881. -o-transition-transition: all 0.5s ease-out;
  882. -webkit-transition: all 0.5s ease-out;
  883. -moz-transition: all 0.5s ease-out;
  884. }
  885.  
  886. /*CUSTOMIZE THE APPEARANCE OF PERMALINK PHOTO*/
  887.  
  888. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  889. .entry .perma1{
  890. width:17px;
  891. height:17px;
  892. margin-left:15px;
  893. padding:10px;
  894. border:1px solid white;
  895. position: absolute;
  896. line-height: 16px;
  897. overflow:hidden;
  898. text-align:center;
  899. top:15px;
  900. background:{color:title};
  901.  
  902. border-radius:100px;
  903.  
  904. word-spacing:2px;
  905. letter-spacing:1px;
  906. z-index:99;
  907. opacity: 0.0;
  908. -webkit-transition: all .7s ease;
  909. -moz-transition: all .7s ease;
  910. -o-transition: all .7s ease;
  911. transition: all .7s ease;
  912.  
  913. }
  914.  
  915. .entry:hover .perma1{
  916. overflow:visible;
  917. opacity:.99;
  918. -webkit-animation:pulse 2s;
  919. -moz-animation:pulse 2s;
  920. -o-animation:pulse 2s;
  921. }
  922.  
  923. .entry .perma2{
  924. width:17px;
  925. height:17px;
  926. margin-left:70px;
  927. padding:10px;
  928. border:1px solid white;
  929. position: absolute;
  930. line-height: 16px;
  931. overflow:hidden;
  932. text-align:center;
  933.  
  934. border-radius:100px;
  935.  
  936. top:15px;
  937. background:{color:title};
  938. word-spacing:2px;
  939. letter-spacing:1px;
  940. opacity: 0.0;z-index:99;
  941. -webkit-transition: all .7s ease;
  942. -moz-transition: all .7s ease;
  943. -o-transition: all .7s ease;
  944. transition: all .7s ease;
  945.  
  946. }
  947.  
  948. .entry:hover .perma2{
  949. overflow:visible;
  950. opacity:.99;
  951. -webkit-animation:pulse 2s;
  952. -moz-animation:pulse 2s;
  953. -o-animation:pulse 2s;
  954. }
  955.  
  956. /***********PERMALINKS FOR ANSWER POST*******************/
  957.  
  958. .entry .textperma {
  959. margin-top:-10px;
  960. width:100%;
  961. opacity:0px;
  962. font-size:12px;
  963.  
  964. color: {color:Text};
  965. background-color:#fff;
  966. color:transparent;
  967. z-index:0;
  968. text-align:center;
  969. word-spacing:2px;
  970. transition: all 0.5s ease-out;
  971. -o-transition-transition: all 0.5s ease-out;
  972. -webkit-transition: all 0.5s ease-out;
  973. -moz-transition: all 0.5s ease-out;
  974. }
  975. .entry .textperma a {
  976. color:white;
  977. }
  978. .entry:hover .textperma {
  979. margin-top:3px;
  980. opacity:1;
  981. z-index:9999;
  982. color:{color:text};
  983. }
  984. .entry:hover .textperma a{
  985. color:{color:link};
  986. }
  987.  
  988. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  989. #posts {
  990. width:800px;
  991. top:20px;
  992. z-index:9;
  993. margin-left:380px;
  994. right:auto;
  995. background:transparent;
  996. margin-right:auto;
  997. position:relative;
  998. overflow-y: hidden;
  999. }
  1000.  
  1001.  
  1002. /*CUSTOMIZE SIDEBAR HERE*/
  1003.  
  1004. {block:ifusebanner}
  1005. .banner{
  1006. top: 45px;
  1007. left:73px;
  1008. position:fixed;
  1009. }
  1010.  
  1011. .banner img{
  1012. z-index: 20;
  1013. width: 330px;
  1014. }
  1015.  
  1016.  
  1017. {/block:ifusebanner}
  1018.  
  1019.  
  1020. {block:ifuseblogtitle}
  1021.  
  1022. .blogtitle{
  1023. text-align:center;
  1024. width:275px;
  1025. height:45px;
  1026. line-height:50px;
  1027. margin-top:40px;
  1028. margin-left:150px;
  1029. text-align:center;
  1030. font-family: 'amatic sc regular';
  1031. font-size:75px;
  1032. position:fixed;
  1033. text-transform: normal;
  1034. z-index:9999;
  1035. text-shadow:4px 4px 0px {color:post hover};
  1036.  
  1037.  
  1038. transition: all 0.9s ease-out;
  1039. -o-transition-transition: all 0.9s ease-out;
  1040. -webkit-transition: all 0.9s ease-out;
  1041. -moz-transition: all 0.9s ease-out;
  1042.  
  1043. }
  1044.  
  1045. .blogtitle a{
  1046. color:{color:blogtitle};}
  1047.  
  1048.  
  1049. {/block:ifuseblogtitle}
  1050.  
  1051.  
  1052. #sidebar{
  1053.  
  1054. position:fixed !important;
  1055. width:257px;
  1056. background:#fff;
  1057. height:380px;
  1058. border:2px solid {color:border};
  1059. margin-top:147px;
  1060. margin-left:150px;
  1061. text-align:center;
  1062. -webkit-transition: 0.1s ease-in; >-moz-transition: .3s ease-in; transition: .3s ease-in;
  1063. }
  1064.  
  1065.  
  1066.  
  1067.  
  1068. #image{
  1069. width: 200px;
  1070. height: auto;
  1071. padding:5px;
  1072.  
  1073. -webkit-transition: 0.1s ease-in; >-moz-transition: .3s ease-in; transition: .3s ease-in;
  1074. }
  1075.  
  1076.  
  1077. #image:hover{
  1078. opacity: 1;
  1079. -webkit-transition: 0.1s ease-in; >-moz-transition: .3s ease-in; transition: .3s ease-in;
  1080. }
  1081.  
  1082.  
  1083. #quote {
  1084.  
  1085.  
  1086. left: 160px;
  1087. width: 220px;
  1088. height: 20px;
  1089. top:480px;
  1090. text-align: center;
  1091. font-size: 10px;
  1092. line-height: 20px;
  1093. position: fixed;
  1094. text-align: center;
  1095. font-size: 15px;
  1096. color: white; /*CHANGE FONT COLOUR HERE*/
  1097. font-family: 'Handlee', cursive;
  1098.  
  1099. line-height: 20px;
  1100. color: #797878;
  1101. padding:10px;
  1102. background: {color:border};
  1103. z-index: 999;
  1104. opacity: 0.96;
  1105. -o-transition-transition: all 0.7s ease;
  1106. -webkit-transition: all 0.7s ease;
  1107. -moz-transition: all 0.7s ease;
  1108. transition: all 0.7s ease;
  1109. }
  1110.  
  1111.  
  1112.  
  1113. #description {
  1114. overflow-y:scroll;
  1115. overflow-x:hidden;
  1116.  
  1117. left: 160px;
  1118. width: 220px;
  1119. height: 50px;
  1120. top:400px;
  1121. text-align: center;
  1122. font-size: 10px;
  1123. line-height: 20px;
  1124. position: fixed;
  1125. text-align: center;
  1126. font-size: 15px;
  1127. color: {color:text}; /*CHANGE FONT COLOUR HERE*/
  1128. font-family: 'Handlee', cursive;
  1129. border:2px dashed {color:title};
  1130. line-height: 20px;
  1131. color: #797878;
  1132. padding:10px;
  1133. background: #fff;
  1134. z-index: 999;
  1135. opacity: 0.96;
  1136. -o-transition-transition: all 0.7s ease;
  1137. -webkit-transition: all 0.7s ease;
  1138. -moz-transition: all 0.7s ease;
  1139. transition: all 0.7s ease;
  1140. }
  1141.  
  1142.  
  1143.  
  1144. div#nav1{
  1145. position:fixed;
  1146. height: 30px;
  1147. width: 258px;
  1148. top: 700px;
  1149. left: 150px;
  1150. background:white;
  1151. border: 2px solid {color:title};
  1152. opacity: 0font-family: 'Handlee', cursive;
  1153. -o-transition-transition: all 1.0s ease;
  1154. -webkit-transition: all 1.0s ease;
  1155. -moz-transition: all 1.0s ease;
  1156. transition: all 1.0s ease;
  1157. }
  1158.  
  1159. #sidebar:hover #nav1{
  1160. top:140px;
  1161. left:150;
  1162. border: 2px solid {color:title};
  1163. opacity: 1;
  1164. z-index:999999999;
  1165. -o-transition-transition: all 1.0s ease;
  1166. -webkit-transition: all 1.0s ease;
  1167. -moz-transition: all 1.0s ease;
  1168. transition: all 1.0s ease;
  1169. }
  1170.  
  1171. #nav1:hover{
  1172. background: #fff;
  1173. transition: 0.5s ease-in-out; }
  1174.  
  1175.  
  1176.  
  1177.  
  1178. div#nav2{
  1179. position:fixed;
  1180. height: 30px;
  1181. width: 258px;
  1182. top: -150px;
  1183. left: 150px;
  1184. background:white;
  1185. border: 2px solid {color:border};
  1186. opacity: 0;font-family: 'Handlee', cursive;
  1187. -o-transition-transition: all 1.0s ease;
  1188. -webkit-transition: all 1.0s ease;
  1189. -moz-transition: all 1.0s ease;
  1190. transition: all 1.0s ease;
  1191. }
  1192.  
  1193. #sidebar:hover #nav2{
  1194. top:190px;
  1195. left:150;
  1196. border: 2px solid {color:border};
  1197. opacity: 1;
  1198. z-index:999999999;
  1199. -o-transition-transition: all 1.0s ease;
  1200. -webkit-transition: all 1.0s ease;
  1201. -moz-transition: all 1.0s ease;
  1202. transition: all 1.0s ease;
  1203. }
  1204.  
  1205. #nav2:hover{
  1206. background: #fff;
  1207. transition: 0.5s ease-in-out; }
  1208.  
  1209.  
  1210.  
  1211. div#nav3{
  1212. position:fixed;
  1213. height: 30px;
  1214. width: 258px;
  1215. top: 700px;
  1216. left: 150px;
  1217. background:white;
  1218. border: 2px solid {color:title};
  1219. opacity: 0;font-family: 'Handlee', cursive;
  1220. -o-transition-transition: all 1.0s ease;
  1221. -webkit-transition: all 1.0s ease;
  1222. -moz-transition: all 1.0s ease;
  1223. transition: all 1.0s ease;
  1224. }
  1225.  
  1226. #sidebar:hover #nav3{
  1227. top:240px;
  1228. left:150;
  1229. border: 2px solid {color:title};
  1230. opacity: 1;
  1231. z-index:999999999;
  1232. -o-transition-transition: all 1.0s ease;
  1233. -webkit-transition: all 1.0s ease;
  1234. -moz-transition: all 1.0s ease;
  1235. transition: all 1.0s ease;
  1236. }
  1237.  
  1238. #nav3:hover{
  1239. background: #fff;
  1240. transition: 0.5s ease-in-out; }
  1241.  
  1242.  
  1243.  
  1244.  
  1245. div#nav4{
  1246. position:fixed;
  1247. height: 30px;
  1248. width: 258px;
  1249. top: -150px;
  1250. left: 150px;
  1251. background:white;
  1252. border: 2px solid {color:border};
  1253. opacity: 0;font-family: 'Handlee', cursive;
  1254. -o-transition-transition: all 1.0s ease;
  1255. -webkit-transition: all 1.0s ease;
  1256. -moz-transition: all 1.0s ease;
  1257. transition: all 1.0s ease;
  1258. }
  1259.  
  1260. #sidebar:hover #nav4{
  1261. top:300px;
  1262. left:150;
  1263. border: 2px solid {color:border};
  1264. opacity: 1;
  1265. z-index:999999999;
  1266. -o-transition-transition: all 1.0s ease;
  1267. -webkit-transition: all 1.0s ease;
  1268. -moz-transition: all 1.0s ease;
  1269. transition: all 1.0s ease;
  1270. }
  1271.  
  1272. #nav4:hover{
  1273. background: #fff;
  1274. transition: 0.5s ease-in-out; }
  1275.  
  1276. div#nav5{
  1277. position:fixed;
  1278. height: 30px;
  1279. width: 258px;
  1280. top: 700px;
  1281. left: 150px;
  1282. background:white;
  1283. border: 2px solid {color:title};
  1284. opacity: 0;font-family: 'Handlee', cursive;
  1285. -o-transition-transition: all 1.0s ease;
  1286. -webkit-transition: all 1.0s ease;
  1287. -moz-transition: all 1.0s ease;
  1288. transition: all 1.0s ease;
  1289. }
  1290.  
  1291. #sidebar:hover #nav5{
  1292. top:350px;
  1293. left:150;
  1294. border: 2px solid {color:title};
  1295. opacity: 1;
  1296. z-index:999999999;
  1297. -o-transition-transition: all 1.0s ease;
  1298. -webkit-transition: all 1.0s ease;
  1299. -moz-transition: all 1.0s ease;
  1300. transition: all 1.0s ease;
  1301. }
  1302.  
  1303. #nav5:hover{
  1304. background: #fff;
  1305. transition: 0.5s ease-in-out; }
  1306.  
  1307.  
  1308.  
  1309.  
  1310.  
  1311.  
  1312. .title{
  1313. line-height: 33px;
  1314. font-family: 'Dawning of a New Day', cursive;
  1315. color:{color:title};
  1316. font-weight: normal;
  1317. font-size:30px;
  1318. text-align:left;
  1319. }
  1320.  
  1321. .title2{
  1322. line-height: 25px;
  1323. font-family: 'Dawning of a New Day', cursive;
  1324. color:{color:title};
  1325. font-weight: normal;
  1326. font-size:35px;
  1327. text-align:center;
  1328. }
  1329.  
  1330.  
  1331. .ask{
  1332. padding:10px;
  1333. background:#ffffff; /**change background color of question**/
  1334. border-bottom: 1px dashed {color:borders};
  1335. }
  1336. .asker{
  1337. color:{color:Link};}
  1338. .answer{
  1339. margin-top:10px;}
  1340.  
  1341. #signature {
  1342. font-size: 25px; /*change the font size*/
  1343. /*add other font effects here, like shadows*/
  1344. font-family:'amatic sc regular';
  1345. margin-top:8px;
  1346. color: {color:signature}; /*change the font color*/
  1347. text-align: right;
  1348. }
  1349.  
  1350.  
  1351. .permalink{
  1352. text-transform: normal;
  1353. display: block;
  1354. text-align: right;
  1355. text-decoration: none;
  1356. }
  1357.  
  1358.  
  1359.  
  1360. #infscr-loading{
  1361. bottom: -70px;
  1362. position: absolute;
  1363. left: 50%;
  1364. margin-left:-8px;
  1365. width:16px;
  1366. height:11px;
  1367. overflow:hidden;
  1368. margin-bottom: 50px;
  1369. }
  1370.  
  1371. #postnotes{
  1372. text-align: justify;}
  1373.  
  1374. #postnotes blockquote{
  1375. border: 0px;}
  1376.  
  1377. blockquote{
  1378. padding:0px 0px 2px 5px;
  1379. margin:0px 0px 2px 10px;
  1380. border-left: 1px dotted #555555;
  1381. }
  1382.  
  1383. blockquote p, ul{
  1384. margin:0px;
  1385. padding:0px;
  1386. }
  1387.  
  1388. a img{border: 0px;}
  1389.  
  1390.  
  1391. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  1392.  
  1393. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  1394. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  1395.  
  1396. .notes img{width:10px; position:relative; top:3px;}
  1397. <--ses-->
  1398. small{font-size: 90%;}
  1399.  
  1400. {CustomCSS}
  1401.  
  1402. </style>
  1403.  
  1404. {block:IndexPage}
  1405. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1406. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1407.  
  1408. <script type="text/javascript">
  1409. $(window).load(function(){
  1410. var $wall = $('#posts');
  1411. $wall.imagesLoaded(function(){
  1412. $wall.masonry({
  1413. itemSelector: '.entry, .entry_photo',
  1414. isAnimated : false
  1415. });
  1416. });
  1417.  
  1418. $wall.infinitescroll({
  1419. navSelector : '#pagination',
  1420. nextSelector : '#pagination a',
  1421. itemSelector : '.entry, .entry_photo',
  1422. bufferPx : 2000,
  1423. debug : false,
  1424. errorCallback: function() {
  1425. $('#infscr-loading').fadeOut('normal');
  1426. }},
  1427. function( newElements ) {
  1428. var $newElems = $( newElements );
  1429. $newElems.hide();
  1430. $newElems.imagesLoaded(function(){
  1431. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1432. });
  1433. }); $('#posts').show(500);
  1434. });
  1435. </script>
  1436.  
  1437.  
  1438. {/block:IndexPage}
  1439.  
  1440.  
  1441. <title>{title}</title>
  1442.  
  1443. <link rel="shortcut icon" href="{Favicon}" />
  1444. <meta name="viewport" content="width=820" />
  1445. </head>
  1446.  
  1447. <body>
  1448. <BODY onselectstart="return false;" ondragstart="return false;">
  1449. <div class="wrapper">
  1450. <div class="header">
  1451. </div>
  1452.  
  1453. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1454. {block:ifusebanner}
  1455. <div class="banner"><a href="/"><img src="{image:banner}" "width: auto; height:auto"></a></div>
  1456. {/block:ifusebanner}
  1457.  
  1458.  
  1459. {block:ifuseblogtitle}
  1460. <div class="blogtitle"><a href="/">{title}</a></div>{block:ifuseblogtitle}
  1461.  
  1462.  
  1463.  
  1464.  
  1465.  
  1466. <div id="sidebar">
  1467. <div id="description">
  1468. <!-- EDIT DESCRIPTION BOX CONTENT HERE -->
  1469. {Description}
  1470. </div>
  1471. <center>
  1472. <div class="image"><img style="height:230px; width:230px; padding:8px;" src="{image:sidebar}" ></div5
  1473. </center>
  1474.  
  1475.  
  1476. <div id="nav1"><a title="refresh" href="/"><img src="http://media.tumblr.com/e9abea0bb3604d5e09cb69cbcfcb5a74/tumblr_inline_mley6wiBPC1rxsw83.gif" style="opacity: 1; width: 20px; height: 20px; padding: 2px; -webkit-border-radius: 10px;">refresh</a></div>
  1477.  
  1478. <div id="nav2"><a title="message" a href="#?w=500" rel="01" class="poplight"><img src="https://31.media.tumblr.com/tumblr_m7kvz1T2Pw1qid2nw.gif" style="opacity: 1; width: 20px; height: 20px; padding: 2px;">message</a></div>
  1479.  
  1480. <div id="nav3"><a title="submit" a href="#?w=500" rel="02" class="poplight"><img src="http://media.tumblr.com/eedeac5a09de6e668d682fe11ff593f1/tumblr_inline_mhrcoa4qcx1qz4rgp.gif" style="opacity: 1; width: 20px; height: 20px; padding: 2px;">submit</a></div>
  1481.  
  1482. <div id="nav4"><a title="links" a href="#?w=500" rel="03" class="poplight"><img src="http://media.tumblr.com/aca1a82ad32a35916918e5828d6fb7b8/tumblr_inline_mley7akTSw1rxsw83.gif" style="opacity: 1; width: 20px; height: 20px; padding: 2px;">linkies</a></div>
  1483.  
  1484. <div id="nav5"><a title="theme credit" a href="http://florettica.tumblr.com"><img src="http://media.tumblr.com/4e787f16dc3a44e538ee644215de4f36/tumblr_inline_mhrcr2gJWu1qz4rgp.gif" style="opacity: 1; width: 20px; height: 20px; padding: 2px;">theme</a></div>
  1485.  
  1486. </div></div>
  1487.  
  1488. </div>
  1489. <!------------------------------------->
  1490.  
  1491.  
  1492. <div class="left">
  1493. <div id="posts">
  1494. {block:Posts}
  1495. <div class="entry">
  1496.  
  1497. {block:Text}{block:Title}<span class="title"><center>{Title}<br></center></span>{/block:Title}<span class="body">{Body}</span>{block:IndexPage}
  1498. <br><div class="textperma"><a href="{ReblogURL}" target="_blank"> re-glow</a> & {NoteCount} glow</a></div></center>{/block:IndexPage}{/block:HasTags}</span></align>
  1499. {/block:Text}
  1500.  
  1501.  
  1502. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  1503.  
  1504. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  1505.  
  1506. {block:Photo}
  1507. {block:IndexPage}
  1508. <center>
  1509.  
  1510. <div class="perma1">{ReblogButton color="white" size="18"} </div>
  1511.  
  1512. <div class="perma2">{LikeButton color="white" size="18"} </div>
  1513.  
  1514.  
  1515.  
  1516.  
  1517. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1518. {/block:IndexPage}
  1519. {block:PermalinkPage}
  1520. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1521.  
  1522. {LinkCloseTag}
  1523. {/block:PermalinkPage}
  1524. {/block:Photo}
  1525.  
  1526. {block:Photoset}
  1527. {block:IndexPage}
  1528. <center>
  1529.  
  1530. <div class="perma">
  1531. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1532.  
  1533. {Photoset-250}</center>
  1534. {/block:IndexPage}
  1535. {block:PermalinkPage}
  1536. <center>
  1537. {Photoset-500}</center>
  1538. {/block:PermalinkPage}
  1539. {/block:Photoset}
  1540.  
  1541.  
  1542. {block:Quote}<center><span class="title2">"{Quote}"</center></span> <br><p align=right> — {block:Source} {Source} {/block:Source}</p><br>{block:IndexPage}<div class="textperma"><a href="{ReblogURL}" target="_blank"> re-glow</a> & {NoteCount} glow</a></div></center>{/block:IndexPage}{/block:Quote}
  1543.  
  1544. {block:Answer}
  1545. <div class="ask"><img src="{AskerPortraitURL-30}" width="25" align="left" style="margin-top:-10px; margin-right:12px; box-shadow: 0px 0px 0px 2px #F5A9BC; border-radius: 200px;"/><span class="asker">{Asker}:</span> {Question}</div>
  1546. <div class="answer">{Answer}</div><div id="signature"> -love,</div>
  1547. {block:IndexPage}
  1548. <br><div class="textperma"><a href="{ReblogURL}" target="_blank"> re-glow</a> &{NoteCount} glow</a></div></center>{/block:IndexPage}
  1549. {/block:Answer}
  1550.  
  1551.  
  1552. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1553. <ul class="chat">
  1554. {block:Lines}
  1555. <li class="user_{UserNumber}">
  1556. {block:Label}
  1557. <span class="label">{Label}</span>
  1558. {/block:Label}
  1559.  
  1560. {Line}
  1561. </li>
  1562. {/block:Lines}
  1563. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1564. {/block:Chat}
  1565.  
  1566. {block:Audio}
  1567. <div style="width:200px; height:30px;">
  1568. {AudioPlayerBlack}
  1569. </div>
  1570. {block:IndexPage}<span class="permalink">
  1571. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1572. </span>{/block:IndexPage}
  1573. {/block:Audio}
  1574.  
  1575. {block:Video}
  1576. {block:IndexPage}
  1577. <center>
  1578. <div class="perma">
  1579. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1580. {Video-250}</center>
  1581. {/block:IndexPage}
  1582. {block:PermalinkPage}
  1583. <center>
  1584. {Video-400}</center>
  1585. {/block:PermalinkPage}
  1586. {block:Video}
  1587.  
  1588.  
  1589. {block:PostNotes}<div align="middle">{caption}</div>
  1590. <center>
  1591.  
  1592. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1593.  
  1594. {block:HasTags}
  1595. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1596. {block:RebloggedFrom}
  1597. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1598. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1599.  
  1600. {/block:RebloggedFrom}
  1601. </center></span>
  1602. <br>
  1603. <div id="postnotes">{PostNotes}</div><br>
  1604.  
  1605. <center>{block:ContentSource}
  1606. <br><a href="{SourceURL}">
  1607. {lang:Source}:
  1608. {block:SourceLogo}
  1609. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1610. height="{LogoHeight}" alt="{SourceTitle}" />
  1611. {/block:SourceLogo}
  1612. {block:NoSourceLogo}
  1613. {SourceLink}
  1614. {/block:NoSourceLogo}
  1615. </a>
  1616. {/block:ContentSource}</center>
  1617.  
  1618. {/block:PostNotes}
  1619. </div>
  1620. {/block:Posts}
  1621. </div></div>
  1622.  
  1623. {block:IndexPage}
  1624. {block:Pagination}
  1625. <div id="pagination">
  1626. {block:NextPage}
  1627. <a id="nextPage" href="{NextPage}"></a>
  1628. {/block:NextPage}
  1629. {block:PreviousPage}
  1630. <a href="{PreviousPage}"></a>
  1631. {/block:PreviousPage}
  1632. </div>
  1633. {/block:Pagination}
  1634. {/block:IndexPage}
  1635. </body>
  1636.  
  1637.  
  1638. <div id="01" class="popup_block">
  1639. <div style="width: 510px; height: 320px; overflow-y:scroll; overflow-x:hidden;" </div>
  1640. <br><br>
  1641. <div style="font-size:80px; font-family: 'amatic sc regular'; color:{color:border}; padding:10px; text-align:center;">mailbox</div>
  1642. <br><br>
  1643.  
  1644. <table>
  1645. <td>
  1646. <p><br><br>
  1647. <td width="50%" valign="top">
  1648. <br>
  1649. <div style="font-family: amatic sc regular; font-size:25px;color:{color:title}; border-radius: 0px; border-bottom: 2px solid {color:border}; width: 205px; margin-left:10px;">
  1650. <center><b><big>I will:</b></big></div><p>
  1651. <br>
  1652.  
  1653. <div style="margin-left:15px;">
  1654.  
  1655. stuffs you will do
  1656.  
  1657. </div>
  1658.  
  1659. </center>
  1660.  
  1661. </div>
  1662. </td>
  1663. <td>
  1664. <td width="50%" valign="top">
  1665. <br>
  1666. <div style="font-family: amatic sc regular; font-size:25px;color: {color:title}; border-radius: 0px; border-bottom: 2px solid {color:border}; width: 205px; margin-left:20px;">
  1667. <center><b><big>I won't: </b></big></div><p>
  1668. <br>
  1669.  
  1670. <div style="margin-left:30px;">
  1671.  
  1672. stuffs you wont do
  1673.  
  1674. </div>
  1675. </td>
  1676. </table>
  1677.  
  1678. <br>
  1679.  
  1680. <table>
  1681. <td>
  1682. <p><br><br>
  1683. <td width="50%" valign="top">
  1684. <br>
  1685. <div style="font-family: amatic sc regular; font-size:25px; color: {color:title}; border-radius: 0px; border-bottom: 2px solid {color:border}; width: 205px; margin-left:10px;">
  1686. <center><b><big>unfollow reasons</b></big></div><p>
  1687. <br>
  1688.  
  1689. <div style="margin-left:15px;">
  1690.  
  1691. why you unfollow people
  1692.  
  1693. </div>
  1694.  
  1695. </center>
  1696.  
  1697. </div>
  1698. </td>
  1699. <td>
  1700. <td width="50%" valign="top">
  1701. <br>
  1702. <div style="font-family: amatic sc regular; font-size:25px; color:{color:title}; border-radius: 0px; border-bottom: 2px solid {color:border}; width: 205px; margin-left:20px;">
  1703. <center><b><big>Other:</b></big></div><p>
  1704. <br>
  1705.  
  1706.  
  1707. <div style="margin-left:30px;">
  1708.  
  1709. other stuffs goes here x
  1710.  
  1711. </div>
  1712. </td>
  1713. </table>
  1714.  
  1715. <br><br><br>
  1716. <div id="floretticamail">
  1717. <div class="hoverask">
  1718.  
  1719. <center>hover for mailbox</center>
  1720.  
  1721. <br></div>
  1722. <div class="floretticaask">
  1723. <p><iframe frameborder="0" border="0" scrolling="yes" width="420" height="200" allowtransparency="true" src="http://www.tumblr.com/ask_form/YOURURLHERE.tumblr.com" style="background-color:transparent;"></iframe></p>
  1724.  
  1725. </div>
  1726. </div></div></div></div></div></div></div></div></div></div>
  1727.  
  1728. <div id="02" class="popup_block">
  1729. <br><br>
  1730. <div style="font-size:80px; font-family: 'amatic sc regular'; color:{color:border}; padding:10px; text-align:center;">submit</div><br><br>
  1731.  
  1732. <p><iframe frameborder="0" scrolling="no" width="100%" height="300" id="submit_form" src="http://www.tumblr.com/submit_form/YOURURLHERE.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]--></p>
  1733. </div>
  1734. </div>
  1735. </div></div></div></div></div></div></div></div></div></div>
  1736.  
  1737. <div id="03" class="popup_block">
  1738. <div style="width: 510px; height: 320px; " </div>
  1739. <br><br>
  1740. <div style="font-size:80px; font-family: 'amatic sc regular'; color:{color:border}; padding:10px; text-align:center;">linkies</div><br><br>
  1741.  
  1742.  
  1743. <!-- links layout below made by florettica-->
  1744. <center>
  1745. <div id="links">
  1746. <div class="florettica">section</div>
  1747. <div class="florettica2"><!--PUT YOUR LINKS HERE ( AFTER HTTP://) -->
  1748. <a href="http://">link</a> * <a href="http://">link</a> * <a href="http://">link</a>
  1749. </div>
  1750. </div>
  1751.  
  1752. <div id="links">
  1753. <div class="florettica">section</div>
  1754. <div class="florettica2"><!--PUT YOUR LINKS HERE ( AFTER HTTP://) -->
  1755. <a href="http://">link</a> * <a href="http://">link</a> * <a href="http://">link</a>
  1756. </div></div>
  1757.  
  1758.  
  1759. <div id="links">
  1760. <div class="florettica">section</div>
  1761. <div class="florettica2"><!--PUT YOUR LINKS HERE ( AFTER HTTP://) -->
  1762. <a href="http://">link</a> * <a href="http://">link</a> * <a href="http://">link</a>
  1763. </div>
  1764. </div>
  1765.  
  1766. <div id="links">
  1767. <div class="florettica">section</div>
  1768. <div class="florettica2"><!--PUT YOUR LINKS HERE ( AFTER HTTP://) -->
  1769. <a href="http://">link</a> * <a href="http://">link</a> * <a href="http://">link</a>
  1770. </div>
  1771. </div>
  1772. </center>
  1773.  
  1774.  
  1775.  
  1776.  
  1777. </div>
  1778. </div>
  1779.  
  1780. </div></div></div></div></div></div></div></div></div></div>
  1781.  
  1782. <div id="quote">
  1783. <!-- EDIT DESCRIPTION BOX CONTENT HERE -->
  1784. <marquee>put your quote here, make sure it's long. or maybe a message to your followers.</marquee>
  1785. </div>
  1786.  
  1787. <!--------------------- flower snow ------------------------->
  1788.  
  1789. <script type="text/javascript">
  1790. /* SNOWFLAKES BY NAEIVE */
  1791.  
  1792. // Set the colors for the snow. Add/remove as many colors as you like //
  1793. var snowcolor=new Array("{color:title}","{color:border}","{color:title}","{color:border}","{color:title}")
  1794.  
  1795. var snowmax=30
  1796. var snowtype=new Array("Times")
  1797. var snowletter="✿"
  1798. var sinkspeed=0.4
  1799. var snowmaxsize=30
  1800. var snowminsize=15
  1801. var snowingzone=1
  1802.  
  1803. // Do not edit below this line //
  1804. var snow=new Array()
  1805. var marginbottom
  1806. var marginright
  1807. var timer
  1808. var i_snow=0
  1809. var x_mv=new Array();
  1810. var crds=new Array();
  1811. var lftrght=new Array();
  1812. var browserinfos=navigator.userAgent
  1813. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  1814. var ns6=document.getElementById&&!document.all
  1815. var opera=browserinfos.match(/Opera/)
  1816. var browserok=ie5||ns6||opera
  1817.  
  1818. function randommaker(range) {
  1819. rand=Math.floor(range*Math.random())
  1820. return rand
  1821. }
  1822.  
  1823. function initsnow() {
  1824. if (ie5 || opera) {
  1825. marginbottom = document.body.scrollHeight
  1826. marginright = document.body.clientWidth-15
  1827. }
  1828. else if (ns6) {
  1829. marginbottom = document.body.scrollHeight
  1830. marginright = window.innerWidth-15
  1831. }
  1832. var snowsizerange=snowmaxsize-snowminsize
  1833. for (i=0;i<=snowmax;i++) {
  1834. crds[i] = 0;
  1835. lftrght[i] = Math.random()*15;
  1836. x_mv[i] = 0.03 + Math.random()/10;
  1837. snow[i]=document.getElementById("s"+i)
  1838. snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  1839. snow[i].size=randommaker(snowsizerange)+snowminsize
  1840. snow[i].style.fontSize=snow[i].size+'px';
  1841. snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  1842. snow[i].style.zIndex=1000
  1843. snow[i].sink=sinkspeed*snow[i].size/5
  1844. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  1845. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  1846. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  1847. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  1848. snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  1849. snow[i].style.left=snow[i].posx+'px';
  1850. snow[i].style.top=snow[i].posy+'px';
  1851. }
  1852. movesnow()
  1853. }
  1854.  
  1855. function movesnow() {
  1856. for (i=0;i<=snowmax;i++) {
  1857. crds[i] += x_mv[i];
  1858. snow[i].posy+=snow[i].sink
  1859. snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
  1860. snow[i].style.top=snow[i].posy+'px';
  1861.  
  1862. if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  1863. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  1864. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  1865. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  1866. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  1867. snow[i].posy=0
  1868. }
  1869. }
  1870. var timer=setTimeout("movesnow()",50)
  1871. }
  1872.  
  1873. for (i=0;i<=snowmax;i++) {
  1874. document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  1875. }
  1876. if (browserok) {
  1877. window.onload=initsnow
  1878. }
  1879.  
  1880. </script>
  1881. <!--------------------- end flower snow ------------------------->
  1882.  
  1883.  
  1884. <!--/*HEART TAB BY FLORETTICA*/-->
  1885. <div id="tab1"><center><br><br>
  1886. <div style=" font-family: 'Amatic SC Regular'; width:220px; border-bottom:2px solid {color:border}; padding:8px; font-size:30px; color:{color:border};">Updates</div>
  1887. <br>
  1888. updates here
  1889. <br><br>
  1890.  
  1891.  
  1892. <div style=" font-family: 'Amatic SC Regular'; width:220px; border-bottom:2px solid {color:border};padding:8px; font-size:30px; color:{color:border};">Music</div>
  1893. <br>
  1894. Music here
  1895. </div>
  1896.  
  1897. <div id="tab2"><center><br><br><br>
  1898. <div style=" font-family: 'Amatic SC Regular'; width:220px; border-bottom:2px solid {color:border}; padding:8px; font-size:30px; color:{color:border};">Stats</div><p>
  1899. <br>
  1900. stats
  1901. <br><br>
  1902.  
  1903. <div style=" font-family: 'Amatic SC Regular'; width:220px; border-bottom:2px solid {color:border}; padding:8px; font-size:30px; color:{color:border};">Networks</div>
  1904. <br><br>
  1905. <marquee onmouseover="this.stop();" onmouseout="this.start();" direction=left>Networks Here</marquee>
  1906. </div>
  1907.  
  1908.  
  1909.  
  1910.  
  1911. <!--/*HEART TAB BY FLORETTICA*/-->
  1912.  
  1913.  
  1914.  
  1915. <div id="gc"><a target="blank" href="http://floretticathemes.tumblr.com/tagged/themes"><img src="http://i50.tinypic.com/3325qp0.png"></a></div>
  1916.  
  1917.  
  1918. <!----IF YOU DELETE THIS I WILL REPORT YOU------>
  1919. <div id="ray"><div id="credit"><center> FT </center></div>
  1920. <div id="cred1"><a title="click for more themes" href="http://florettica.tumblr.com/" style="color:#000">Florettica Themes (;</a></div>
  1921.  
  1922.  
  1923. <div id="cred2"><a href="http://floretticathemes.tumblr.com/" title="Theme by Cindy"><img src="https://33.media.tumblr.com/e41430e2b7d0d7ac8e0db7fa02980ef9/tumblr_nnr1g0BFxi1tb4x8wo1_250.gif" style="width: 50px; height: 40px;"></a></div>
  1924.  
  1925.  
  1926. </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!