Advertisement
cigullll

Banana Theme #9 By FLORETTICA 3 COLUMNS

Jun 24th, 2015
477
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 49.35 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4.  
  5.  
  6. ╋┏━┳┓╋╋╋╋╋╋╋╋┏┓╋┏┓++++++++++++++
  7. ╋┃┏┫┃╋╋╋╋╋╋╋┏┛┗┳┛┗┓++++++++++++
  8. ┏┛┗┫┃┏━━┳━┳━┻┓┏┻┓┏╋┳━━┳━━┓
  9. ┗┓┏┫┃┃┏┓┃┏┫┃━┫┃╋┃┃┣┫┏━┫┏┓┃
  10. ╋┃┃┃┗┫┗┛┃┃┃┃━┫┗┓┃┗┫┃┗━┫┏┓┃
  11. ╋┗┛┗━┻━━┻┛┗━━┻━┛┗━┻┻━━┻┛┗┛
  12. ╋┏┓┏┓++++++++++++++++++++++++++++++++++++++
  13. ┏┛┗┫┃++++++++++++++++++++++++++++++++++++++
  14. ┗┓┏┫┗━┳━━┳┓┏┳━━┳━━┓+++++++++++++
  15. ╋┃┃┃┏┓┃┃━┫┗┛┃┃━┫━━┫+++++++++++++
  16. ╋┃┗┫┃┃┃┃━┫┃┃┃┃━╋━━┃+++++++++++++
  17. ╋┗━┻┛┗┻━━┻┻┻┻━━┻━━┛+++++++++++++
  18.  
  19.  
  20. ⋆✧ⒻⓁⓄⓇⒺⓉⓉⒾⒸⒶ✧⋆
  21.  
  22. ⓣⓗⓔⓜⓔⓢ ⓑⓨ ⓒⓘⓝⓓⓨ
  23.  
  24. BANANA THEME #9
  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: 1px 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. background-image: url(http://t3.gstatic.com/images?q=tbn:ANd9GcQdqGJYVdRZ6JndGh-EbtiJcWziRbu13mjl4vUUT5W6je8SQ5IP);
  504. position: fixed; left: 0; top: 0;
  505. width: 100%; height: 100%;
  506. opacity: .95;
  507. z-index: 9999;
  508. }
  509. .popup_block{
  510. display: none; /*--hidden by default--*/
  511. background: #fff;
  512. padding: 20px;
  513. border: 1px solid {color:borders};
  514. float: leFt;
  515. font-size: 14px;
  516. line-height:16px;
  517. position: fixed;font-family: 'Handlee', cursive;
  518.  
  519. top: 50%; left: 50%;
  520. z-index: 99999;
  521. /*--CSS3 Box Shadows--*/
  522. -webkit-box-shadow: 0px 0px 20px {color:post hover};
  523. -moz-box-shadow: 0px 0px 20px {color:post hover};
  524. box-shadow: 0px 0px 20px {color:post hover};
  525. /*--CSS3 Rounded Corners--*/
  526. -webkit-border-radius: 10px;
  527. -moz-border-radius: 10px;
  528. border-radius: 5px;
  529. }
  530. img.btn_close {
  531. float: right;
  532. margin: -5px -5px 0 0;
  533. }
  534.  
  535. /*--Making IE6 Understand Fixed Positioning--*/
  536. *html #fade {
  537. position: absolute;
  538. }
  539. *html .popup_block {
  540. position: absolute;
  541. }
  542.  
  543. /******HOVER MAILBOX MADE BY FLORETTICA*******/
  544.  
  545. #floretticamail {
  546. margin-left: 10px;
  547. display: inline-block;
  548. font-size: 40px;
  549. line-height: 28px;
  550. font-family: 'amatic sc regular';
  551. color: {color:links};
  552. text-align: center;
  553. border: double {color:blogtitle};
  554. border-radius:4px;
  555. width:430px;
  556. height: 200px;
  557. padding: 18px;
  558. overflow: hidden;
  559. transition: all 0.1s ease-out;
  560. -o-transition-transition: all 1s ease-out;
  561. -webkit-transition: all 1s ease-out;
  562. -moz-transition: all 1s ease-out;
  563.  
  564. }
  565.  
  566. .hoverask{
  567. margin-top:70px;
  568. opacity:1;
  569. transition: all 0.6s ease-out;
  570. -o-transition-transition: all 1s ease-out;
  571. -webkit-transition: all 1s ease-out;
  572. -moz-transition: all 1s ease-out;
  573. }
  574.  
  575.  
  576. #floretticamail:hover .hoverask{
  577. opacity:0;
  578. -o-transition-transition: all 1s ease-out;
  579. -webkit-transition: all 1s ease-out;
  580. -moz-transition: all 1s ease-out;
  581. }
  582.  
  583. .floretticaask{
  584. margin-top:-125px;
  585. opacity: 0;
  586. transition: all 0.1s ease-out;
  587. -o-transition-transition: all 1s ease-out;
  588. -webkit-transition: all 1s ease-out;
  589. -moz-transition: all 1s ease-out;
  590. font-family: 'amatic sc regular';
  591. font-size: 16px;
  592. }
  593.  
  594. #floretticamail:hover .floretticaask{
  595. opacity: 1;
  596. -o-transition-transition: all 1s ease-out;
  597. -webkit-transition: all 1s ease-out;
  598. -moz-transition: all 1s ease-out;
  599. }
  600.  
  601. /*LINKS LAYOUT BY FLORETTICA*/
  602. .florettica{
  603. font-size: 20px;
  604. margin-top:20px;
  605. opacity:1;
  606. border-color: {color:border};
  607. font-family: 'Sacramento', cursive;
  608. font-size: 40px;
  609. color: {color:title};
  610. font-family: 'Gloria Hallelujah';text-shadow: 2px 0px {color:link};
  611. transition: all 0.5s ease-out;
  612. -o-transition-transition: all 0.5s ease-out;
  613. -webkit-transition: all 0.5s ease-out;
  614. -moz-transition: all 0.5s ease-out;
  615. }
  616.  
  617. #links:hover .florettica{
  618. margin-top:0px;
  619. opacity:0;
  620. }
  621.  
  622. .florettica2{line-height:20px;
  623. font-size:16px;
  624. opacity: 0;
  625. transition: all 0.5s ease-out;
  626. -o-transition-transition: all 0.5s ease-out;
  627. -webkit-transition: all 0.5s ease-out;
  628. -moz-transition: all 0.5s ease-out;
  629. }
  630.  
  631. #links:hover .florettica2{
  632. opacity: 1;}
  633.  
  634. /*LINKS LAYOUT BY FLORETTICA*/
  635.  
  636. /************DO NOT DELETE #SCROLL************/
  637.  
  638. #scroll{
  639. bottom:-20px;
  640. position: absolute;
  641. left: 50%;
  642. width:10px;
  643. height:5px;
  644. overflow:hidden;
  645. margin-bottom:80px;}
  646.  
  647. ::-webkit-scrollbar {
  648. height: 10px;
  649. width: 10px;
  650. background: #fff; /* Scrollbar background color */
  651. border: 4px solid #fff;
  652. }
  653.  
  654. ::-webkit-scrollbar-thumb {
  655. background:{color:title};
  656. border:2px solid #fff;
  657. border-radius:5px;
  658.  
  659. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  660.  
  661.  
  662.  
  663. }
  664.  
  665. ::-webkit-scrollbar-corner {
  666. background: #ffffff;
  667. }
  668.  
  669.  
  670. /**** HEART TAB MADE BY FLORETTICA ****/
  671.  
  672. #tab1 {
  673.  
  674. background-color:{color:title}; /* background colour */
  675. width:40px; /* width before hvering */
  676. height:70px; /* height before hovering */
  677. font-size:14px; /* font size */
  678. font-family: 'Handlee', cursive;
  679.  
  680. color: #b3b3b3;
  681. border-radius:60px 60px 0px 0px;
  682. -moz-border-radius:0px 0px 0px 14px;
  683. position:fixed;
  684. overflow:hidden;
  685. top:27px;
  686. left:30px;
  687. z-index:9999;
  688. padding:2px;
  689. transform:rotate(-50deg);
  690. -webkit-transition: opacity 0.7s linear;
  691. -webkit-transition: all 0.7s ease-in-out;
  692. -moz-transition: all 0.7s ease-in-out;
  693. -o-transition: all 0.7s ease-in-out;
  694. }
  695.  
  696.  
  697. #tab1:hover{
  698. width: 300px;
  699. height: 400px;
  700. transform:rotate(0deg);
  701. overflow-y:scroll;
  702. overflow-x:hidden;
  703. width:290px; /* width after hovering */
  704. height: 290px; /* height after hovering */
  705. border-radius:0px;
  706. box-shadow: 0 0 10px 5px {color:link};
  707. border:3px #ffd8e6;
  708. opacity:0.95;
  709. background:white;
  710. z-index:999999999999;
  711. }
  712.  
  713. #tab2 {
  714. background-color:{color:title}; /* background colour */
  715. width:40px; /* width before hovering */
  716. height:70px; /* height before hovering */
  717. font-size:14px; /* font size */
  718. font-family: 'Handlee', cursive;
  719.  
  720. color: #b3b3b3;
  721. border-radius:60px 60px 0px 0px;
  722. -moz-border-radius:0px 0px 0px 14px;
  723. position:fixed;
  724. overflow:hidden;
  725. top:27px;
  726. left:60px;
  727. z-index:9999;
  728. padding:2px;
  729. transform:rotate(50deg);
  730. -webkit-transition: opacity 0.7s linear;
  731. -webkit-transition: all 0.7s ease-in-out;
  732. -moz-transition: all 0.7s ease-in-out;
  733. -o-transition: all 0.7s ease-in-out;}
  734.  
  735. #tab2:hover{
  736. width: 300px;
  737. height: 400px;
  738. overflow-y:scroll;
  739. overflow-x:hidden;
  740. width:290px; /* width after hovering */
  741. height: 290px; /* height after hovering */
  742. border-radius:0px;
  743. opacity:0.95;
  744. z-index:999999999999;
  745. box-shadow: 0 0 10px 5px {color:link};
  746. border:3px #ffd8e6;
  747. transform:rotate(0deg);
  748. background:white;
  749. }
  750.  
  751.  
  752. /**** HEART TAB MADE BY FLORETTICA ****/
  753. /****FONTS****/
  754. /* latin */
  755. /* latin */
  756. @font-face {
  757. font-family: 'Handlee';
  758. font-style: normal;
  759. font-weight: 400;
  760. src: local('Handlee Regular'), local('Handlee-Regular'), url(http://fonts.gstatic.com/s/handlee/v5/hN5OFJA7DLALxZ1osZb59Q.woff2) format('woff2');
  761. 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;
  762. }
  763.  
  764. /* latin */
  765. @font-face {
  766. font-family: 'Dawning of a New Day';
  767. font-style: normal;
  768. font-weight: 400;
  769. src: local('Dawning of a New Day'), local('DawningofaNewDay'), url(http://fonts.gstatic.com/s/dawningofanewday/v7/JiDsRhiKZt8uz3NJ5xA06sXt6O2RzdGnaiPim4oAiF0.woff2) format('woff2');
  770. 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;
  771. }
  772. @font-face {
  773. font-family: 'Amatic SC Regular';
  774. font-style: normal;
  775. font-weight: 400;
  776. src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url(http://fonts.gstatic.com/s/amaticsc/v6/DPPfSFKxRTXvae2bKDzp5BJtnKITppOI_IvcXXDNrsc.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. /* latin */
  780. @font-face {
  781. font-family: 'The Girl Next Door';
  782. font-style: normal;
  783. font-weight: 400;
  784. src: local('The Girl Next Door'), local('TheGirlNextDoor'), url(http://fonts.gstatic.com/s/thegirlnextdoor/v7/cWRA4JVGeEcHGcPl5hmX7oyXNO5rlBrAN79hEmcoJ2I.woff2) format('woff2');
  785. 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;
  786. }
  787.  
  788.  
  789. 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-
  790.  
  791. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  792.  
  793. 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;}
  794.  
  795. p {
  796. margin:0px;
  797. margin-top:0px;
  798. }
  799.  
  800.  
  801. body {
  802. padding: 0px;
  803. margin: 0px;
  804. color:{color:text};
  805. font-family: {font:Choose a font};
  806. line-height:17px;
  807. font-size:14px;
  808. background-color:#fff;
  809. background-image:url({image:Background});
  810. background-attachment: fixed;
  811. background-repeat: repeat;
  812. }
  813.  
  814.  
  815. a:link, a:active, a:visited{
  816. text-decoration: none;
  817. -webkit-transition: color 0.3s ease-out;
  818. -moz-transition: color 0.3s ease-out;
  819. transition: color 0.3s ease-out;
  820. color:{color:link};
  821. }
  822.  
  823. a:hover {
  824. text-decoration: none;
  825. font-style:;
  826. color: {color:border};
  827. }
  828.  
  829.  
  830. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  831. .entry {
  832. float:left;
  833. display: block;
  834. margin:20px;
  835. padding:10px;
  836. margin-left:100px;
  837. border:1px solid {color:border};
  838. border-radius:10px 25px/25px 10px;
  839. overflow:hidden;
  840. width:200px;
  841. -moz-box-shadow: 0 0 20px 5px {color:post hover};
  842. -webkit-box-shadow: 0 0 20px 5px {color:post hover};
  843.  
  844.  
  845. {block:PermalinkPage}
  846. width:450px;
  847. text-align:left;
  848. line-height:10px;
  849. {/block:PermalinkPage}
  850. background:white;
  851. background-image:URL();
  852. transition: all 0.9s ease-out;
  853. -o-transition-transition: all 0.9s ease-out;
  854. -webkit-transition: all 0.9s ease-out;
  855. -moz-transition: all 0.9s ease-out;
  856. }
  857.  
  858. .entry:hover{
  859. border: 1px dashed {color:border};
  860. border-radius:25px 10px/10px 25px;
  861. -moz-box-shadow: 0 0 20px 5px {color:post hover};
  862. -webkit-box-shadow: 0 0 20px 5px {color:post hover};
  863. box-shadow: 0 0 20px 5px {color:post hover};
  864. transition: all 0.5s ease-out;
  865. -o-transition-transition: all 0.5s ease-out;
  866. -webkit-transition: all 0.5s ease-out;
  867. -moz-transition: all 0.5s ease-out;
  868. }
  869.  
  870. /*CUSTOMIZE THE APPEARANCE OF PERMALINK PHOTO*/
  871.  
  872. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  873. .entry .perma1{
  874. width:17px;
  875. height:17px;
  876. margin-left:15px;
  877. padding:10px;
  878. border:1px solid white;
  879. position: absolute;
  880. line-height: 16px;
  881. overflow:hidden;
  882. text-align:center;
  883. top:15px;
  884. background:{color:title};
  885.  
  886. border-radius:100px;
  887.  
  888. word-spacing:2px;
  889. letter-spacing:1px;
  890. z-index:99;
  891. opacity: 0.0;
  892. -webkit-transition: all .7s ease;
  893. -moz-transition: all .7s ease;
  894. -o-transition: all .7s ease;
  895. transition: all .7s ease;
  896.  
  897. }
  898.  
  899. .entry:hover .perma1{
  900. overflow:visible;
  901. opacity:.99;
  902. -webkit-animation:pulse 2s;
  903. -moz-animation:pulse 2s;
  904. -o-animation:pulse 2s;
  905. }
  906.  
  907. .entry .perma2{
  908. width:17px;
  909. height:17px;
  910. margin-left:70px;
  911. padding:10px;
  912. border:1px solid white;
  913. position: absolute;
  914. line-height: 16px;
  915. overflow:hidden;
  916. text-align:center;
  917.  
  918. border-radius:100px;
  919.  
  920. top:15px;
  921. background:{color:title};
  922. word-spacing:2px;
  923. letter-spacing:1px;
  924. opacity: 0.0;z-index:99;
  925. -webkit-transition: all .7s ease;
  926. -moz-transition: all .7s ease;
  927. -o-transition: all .7s ease;
  928. transition: all .7s ease;
  929.  
  930. }
  931.  
  932. .entry:hover .perma2{
  933. overflow:visible;
  934. opacity:.99;
  935. -webkit-animation:pulse 2s;
  936. -moz-animation:pulse 2s;
  937. -o-animation:pulse 2s;
  938. }
  939.  
  940. /***********PERMALINKS FOR ANSWER POST*******************/
  941.  
  942. .entry .textperma {
  943. margin-top:-10px;
  944. width:100%;
  945. opacity:0px;
  946. font-size:12px;
  947.  
  948. color: {color:Text};
  949. background-color:#fff;
  950. color:transparent;
  951. z-index:0;
  952. text-align:center;
  953. word-spacing:2px;
  954. transition: all 0.5s ease-out;
  955. -o-transition-transition: all 0.5s ease-out;
  956. -webkit-transition: all 0.5s ease-out;
  957. -moz-transition: all 0.5s ease-out;
  958. }
  959. .entry .textperma a {
  960. color:white;
  961. }
  962. .entry:hover .textperma {
  963. margin-top:3px;
  964. opacity:1;
  965. z-index:9999;
  966. color:{color:text};
  967. }
  968. .entry:hover .textperma a{
  969. color:{color:link};
  970. }
  971.  
  972. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  973. #posts {
  974. width:800px;
  975. top:20px;
  976. z-index:9;
  977. margin-left:380px;
  978. right:auto;
  979. background:transparent;
  980. margin-right:auto;
  981. position:relative;
  982. overflow-y: hidden;
  983. }
  984.  
  985.  
  986. /*CUSTOMIZE SIDEBAR HERE*/
  987.  
  988. {block:ifusebanner}
  989. .banner{
  990. top: 45px;
  991. left:73px;
  992. position:fixed;
  993. }
  994.  
  995. .banner img{
  996. z-index: 20;
  997. width: 330px;
  998. }
  999.  
  1000.  
  1001. {/block:ifusebanner}
  1002.  
  1003.  
  1004. {block:ifuseblogtitle}
  1005.  
  1006. .blogtitle{
  1007. text-align:center;
  1008. width:275px;
  1009. height:45px;
  1010. line-height:50px;
  1011. margin-top:40px;
  1012. margin-left:150px;
  1013. text-align:center;
  1014. font-family: 'amatic sc regular';
  1015. font-size:75px;
  1016. position:fixed;
  1017. text-transform: normal;
  1018. z-index:9999;
  1019. text-shadow:4px 4px 0px {color:post hover};
  1020.  
  1021.  
  1022. transition: all 0.9s ease-out;
  1023. -o-transition-transition: all 0.9s ease-out;
  1024. -webkit-transition: all 0.9s ease-out;
  1025. -moz-transition: all 0.9s ease-out;
  1026.  
  1027. }
  1028.  
  1029. .blogtitle a{
  1030. color:{color:blogtitle};}
  1031.  
  1032.  
  1033. {/block:ifuseblogtitle}
  1034.  
  1035.  
  1036. #sidebar{
  1037. border-radius:50%;
  1038. position:fixed !important;
  1039. width:287px;
  1040. background:#fff;
  1041. height:285px;
  1042. border:2px solid {color:border};
  1043. margin-top:147px;
  1044. margin-left:150px;
  1045. text-align:center;
  1046.  
  1047. }
  1048.  
  1049. #sidebar:hover{border:2px dashed {color:border};
  1050. -webkit-transition: 0.1s ease-in; >-moz-transition: .3s ease-in; transition: .3s ease-in;
  1051. }
  1052.  
  1053.  
  1054. #image{
  1055. width: 200px;
  1056. height: auto;
  1057. padding:5px;
  1058. border-radius:50%;
  1059. -webkit-transition: 0.1s ease-in; >-moz-transition: .3s ease-in; transition: .3s ease-in;
  1060. }
  1061.  
  1062.  
  1063. #image:hover{
  1064. opacity: 1;
  1065. -webkit-transition: 0.1s ease-in; >-moz-transition: .3s ease-in; transition: .3s ease-in;
  1066. }
  1067. #description {
  1068. border-radius:300px;
  1069. opacity: 0;
  1070. left: 163px;
  1071. width: 252px;
  1072. height: 252px;
  1073. top:151px;
  1074. text-align: center;
  1075. font-size: 10px;
  1076. line-height: 20px;
  1077. position: fixed;
  1078. text-align: center;
  1079. font-size: 15px;
  1080. color: {color:text}; /*CHANGE FONT COLOUR HERE*/
  1081. font-family: 'Handlee', cursive;
  1082.  
  1083. line-height: 20px;
  1084. color: #797878;
  1085. padding:10px;
  1086. background: #fff;
  1087. z-index: 999;
  1088. -o-transition-transition: all 0.7s ease;
  1089. -webkit-transition: all 0.7s ease;
  1090. -moz-transition: all 0.7s ease;
  1091. transition: all 0.7s ease;
  1092. }
  1093.  
  1094. #description:hover {
  1095. opacity: 0.96;
  1096. -o-transition-transition: all 0.5s ease;
  1097. -webkit-transition: all 0.5s ease;
  1098. -moz-transition: all 0.5s ease;
  1099. transition: all 0.5s ease;
  1100. }
  1101.  
  1102.  
  1103. div#nav1{
  1104. position:fixed;
  1105. height: 30px;
  1106. width: 30px;
  1107. top: 400px;
  1108. left: 200px;
  1109. background:white;
  1110. border: 0px solid {color:title};
  1111. opacity: 0;
  1112. -webkit-box-shadow: 0 0 10px 2px {color:title}; box-shadow: 10 10 10px 7px {color:title};
  1113. border-radius: 10px 25px / 25px 10px;
  1114. -o-transition-transition: all 1.9s ease;
  1115. -webkit-transition: all 1.9s ease;
  1116. -moz-transition: all 1.9s ease;
  1117. transition: all 1.9s ease;
  1118. }
  1119.  
  1120. #sidebar:hover #nav1{
  1121. top: 450px;
  1122. left:200;
  1123. opacity: 1;
  1124. -o-transition-transition: all 1.9s ease;
  1125. -webkit-transition: all 1.9s ease;
  1126. -moz-transition: all 1.9s ease;
  1127. transition: all 1.9s ease;
  1128. }
  1129.  
  1130. #nav1:hover{
  1131. background: #fff;
  1132. border:2px dashed #fff;
  1133. border-radius: 100px;
  1134. -webkit-transform: rotate(360deg);
  1135. -moz-transform: rotate(360deg);
  1136. -o-transform: rotate(360deg);
  1137. -ms-transform: rotate(360deg);
  1138. transform: rotate(360deg);
  1139. transition: 0.5s ease-in-out; }
  1140.  
  1141. }
  1142.  
  1143. #nav1 a:hover{
  1144. color:white;
  1145. }
  1146.  
  1147. div#nav2{
  1148. position:fixed;
  1149. height: 30px;
  1150. width: 30px;
  1151. top: 400px;
  1152. left: 250px;
  1153. background:white;
  1154. border: 0px solid {color:border};
  1155. opacity: 0;
  1156. -webkit-box-shadow: 0 0 10px 2px {color:border}; box-shadow: 10 10 10px 7px {color:border};
  1157. border-radius: 25px 10px / 10px 25px;
  1158. -o-transition-transition: all 1.9s ease;
  1159. -webkit-transition: all 1.9s ease;
  1160. -moz-transition: all 1.9s ease;
  1161. transition: all 1.9s ease;
  1162. }
  1163. #sidebar:hover #nav2{
  1164. top: 460px;
  1165. left:250px;
  1166. opacity: 1;
  1167. -o-transition-transition: all 1.9s ease;
  1168. -webkit-transition: all 1.9s ease;
  1169. -moz-transition: all 1.9s ease;
  1170. transition: all 1.9s ease;
  1171. }
  1172.  
  1173. #nav2:hover{
  1174. background: #fff;
  1175. border:2px dashed #fff;
  1176. border-radius: 100px;
  1177. -webkit-transform: rotate(360deg);
  1178. -moz-transform: rotate(360deg);
  1179. -o-transform: rotate(360deg);
  1180. -ms-transform: rotate(360deg);
  1181. transform: rotate(360deg);
  1182. transition: 0.5s ease-in-out; }
  1183. }
  1184.  
  1185. #nav2 a:hover{
  1186. color:white;
  1187. }
  1188.  
  1189. div#nav3{
  1190. position:fixed;
  1191. height: 30px;
  1192. width: 30px;
  1193. top: 400px;
  1194. left: 300px;
  1195. background:white;
  1196. border: 0px solid {color:title};
  1197. opacity: 0;-webkit-box-shadow: 0 0 10px 2px {color:title}; box-shadow: 10 10 10px 7px{color:title};
  1198. border-radius: 10px 25px / 25px 10px;
  1199. -o-transition-transition: all 1.9s ease;
  1200. -webkit-transition: all 1.9s ease;
  1201. -moz-transition: all 1.9s ease;
  1202. transition: all 1.9s ease;
  1203. }
  1204. #sidebar:hover #nav3{
  1205. top: 470px;
  1206. left:300px;
  1207. opacity: 1;
  1208. -o-transition-transition: all 1.9s ease;
  1209. -webkit-transition: all 1.9s ease;
  1210. -moz-transition: all 1.9s ease;
  1211. transition: all 1.9s ease;
  1212. }
  1213.  
  1214. #nav3:hover{
  1215. background: #fff;
  1216. border:2px dashed #fff;
  1217. border-radius: 100px;
  1218. -webkit-transform: rotate(360deg);
  1219. -moz-transform: rotate(360deg);
  1220. -o-transform: rotate(360deg);
  1221. -ms-transform: rotate(360deg);
  1222. transform: rotate(360deg);
  1223. transition: 0.5s ease-in-out; }
  1224. }
  1225.  
  1226. #nav3 a:hover{
  1227. color:white;
  1228. }
  1229.  
  1230. div#nav4{
  1231. position:fixed;
  1232. height: 30px;
  1233. width: 30px;
  1234. top: 400px;
  1235. left: 350px;
  1236. background:white;
  1237. border: 0px solid {color:border};
  1238. opacity: 0;
  1239. -webkit-box-shadow: 0 0 10px 2px {color:border}; box-shadow: 10 10 10px 7px {color:border};
  1240. border-radius: 25px 10px / 10px 25px;
  1241. -o-transition-transition: all 1.9s ease;
  1242. -webkit-transition: all 1.9s ease;
  1243. -moz-transition: all 1.9s ease;
  1244. transition: all 1.9s ease;
  1245. }
  1246. #sidebar:hover #nav4{
  1247. top: 460px;
  1248. left:350px;
  1249. opacity: 1;
  1250. -o-transition-transition: all 1.9s ease;
  1251. -webkit-transition: all 1.9s ease;
  1252. -moz-transition: all 1.9s ease;
  1253. transition: all 1.9s ease;
  1254. }
  1255.  
  1256. #nav4:hover{
  1257. background: #fff;
  1258. border:2px dashed #fff;
  1259. border-radius: 100px;
  1260. -webkit-transform: rotate(360deg);
  1261. -moz-transform: rotate(360deg);
  1262. -o-transform: rotate(360deg);
  1263. -ms-transform: rotate(360deg);
  1264. transform: rotate(360deg);
  1265. transition: 0.5s ease-in-out; }
  1266. }
  1267.  
  1268. #nav4 a:hover{
  1269. color:white;
  1270. }
  1271.  
  1272. div#nav5{
  1273. position:fixed;
  1274. height: 30px;
  1275. width: 30px;
  1276. top: 348px;
  1277. left: 400px;
  1278. background:white;
  1279. border: 0px solid {color:title};
  1280. opacity: 0;
  1281. -webkit-box-shadow: 0 0 10px 2px {color:title}; box-shadow: 10 10 10px 7px {color:title};
  1282. border-radius: 10px 25px / 25px 10px;
  1283. -o-transition-transition: all 1.9s ease;
  1284. -webkit-transition: all 1.9s ease;
  1285. -moz-transition: all 1.9s ease;
  1286. transition: all 1.9s ease;
  1287. }
  1288. #sidebar:hover #nav5{
  1289. top: 450px;
  1290. left:400px;
  1291. opacity: 1;
  1292. -o-transition-transition: all 1.9s ease;
  1293. -webkit-transition: all 1.9s ease;
  1294. -moz-transition: all 1.9s ease;
  1295. transition: all 1.9s ease;
  1296. }
  1297.  
  1298. #nav5:hover{
  1299. background: #fff;
  1300. border:2px dashed #fff;
  1301. border-radius: 100px;
  1302. -webkit-transform: rotate(360deg);
  1303. -moz-transform: rotate(360deg);
  1304. -o-transform: rotate(360deg);
  1305. -ms-transform: rotate(360deg);
  1306. transform: rotate(360deg);
  1307. transition: 0.5s ease-in-out; }
  1308. }
  1309.  
  1310. #nav5 a:hover{
  1311. color:white;
  1312. }
  1313.  
  1314.  
  1315.  
  1316.  
  1317.  
  1318.  
  1319. .title{
  1320. line-height: 33px;
  1321. font-family: 'Dawning of a New Day', cursive;
  1322. color:{color:title};
  1323. font-weight: normal;
  1324. font-size:30px;
  1325. text-align:left;
  1326. }
  1327.  
  1328. .title2{
  1329. line-height: 25px;
  1330. font-family: 'Dawning of a New Day', cursive;
  1331. color:{color:title};
  1332. font-weight: normal;
  1333. font-size:35px;
  1334. text-align:center;
  1335. }
  1336.  
  1337.  
  1338. .ask{
  1339. padding:10px;
  1340. background:#ffffff; /**change background color of question**/
  1341. border-bottom: 1px dashed {color:borders};
  1342. }
  1343. .asker{
  1344. color:{color:Link};}
  1345. .answer{
  1346. margin-top:10px;}
  1347.  
  1348. #signature {
  1349. font-size: 25px; /*change the font size*/
  1350. /*add other font effects here, like shadows*/
  1351. font-family:'amatic sc regular';
  1352. margin-top:8px;
  1353. color: {color:signature}; /*change the font color*/
  1354. text-align: right;
  1355. }
  1356.  
  1357.  
  1358. .permalink{
  1359. text-transform: normal;
  1360. display: block;
  1361. text-align: right;
  1362. text-decoration: none;
  1363. }
  1364.  
  1365.  
  1366.  
  1367. #infscr-loading{
  1368. bottom: -70px;
  1369. position: absolute;
  1370. left: 50%;
  1371. margin-left:-8px;
  1372. width:16px;
  1373. height:11px;
  1374. overflow:hidden;
  1375. margin-bottom: 50px;
  1376. }
  1377.  
  1378. #postnotes{
  1379. text-align: justify;}
  1380.  
  1381. #postnotes blockquote{
  1382. border: 0px;}
  1383.  
  1384. blockquote{
  1385. padding:0px 0px 2px 5px;
  1386. margin:0px 0px 2px 10px;
  1387. border-left: 1px dotted #555555;
  1388. }
  1389.  
  1390. blockquote p, ul{
  1391. margin:0px;
  1392. padding:0px;
  1393. }
  1394.  
  1395. a img{border: 0px;}
  1396.  
  1397.  
  1398. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  1399.  
  1400. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  1401. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  1402.  
  1403. .notes img{width:10px; position:relative; top:3px;}
  1404. <--ses-->
  1405. small{font-size: 90%;}
  1406.  
  1407. {CustomCSS}
  1408.  
  1409. </style>
  1410.  
  1411. {block:IndexPage}
  1412. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1413. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1414.  
  1415. <script type="text/javascript">
  1416. $(window).load(function(){
  1417. var $wall = $('#posts');
  1418. $wall.imagesLoaded(function(){
  1419. $wall.masonry({
  1420. itemSelector: '.entry, .entry_photo',
  1421. isAnimated : false
  1422. });
  1423. });
  1424.  
  1425. $wall.infinitescroll({
  1426. navSelector : '#pagination',
  1427. nextSelector : '#pagination a',
  1428. itemSelector : '.entry, .entry_photo',
  1429. bufferPx : 2000,
  1430. debug : false,
  1431. errorCallback: function() {
  1432. $('#infscr-loading').fadeOut('normal');
  1433. }},
  1434. function( newElements ) {
  1435. var $newElems = $( newElements );
  1436. $newElems.hide();
  1437. $newElems.imagesLoaded(function(){
  1438. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1439. });
  1440. }); $('#posts').show(500);
  1441. });
  1442. </script>
  1443.  
  1444.  
  1445. {/block:IndexPage}
  1446.  
  1447.  
  1448. <title>{title}</title>
  1449.  
  1450. <link rel="shortcut icon" href="{Favicon}" />
  1451. <meta name="viewport" content="width=820" />
  1452. </head>
  1453.  
  1454. <body>
  1455. <BODY onselectstart="return false;" ondragstart="return false;">
  1456. <div class="wrapper">
  1457. <div class="header">
  1458. </div>
  1459.  
  1460. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1461. {block:ifusebanner}
  1462. <div class="banner"><a href="/"><img src="{image:banner}" "width: auto; height:auto"></a></div>
  1463. {/block:ifusebanner}
  1464.  
  1465.  
  1466. {block:ifuseblogtitle}
  1467. <div class="blogtitle"><a href="/">{title}</a></div>{block:ifuseblogtitle}
  1468.  
  1469.  
  1470.  
  1471.  
  1472.  
  1473. <div id="sidebar">
  1474. <div id="description">
  1475. <!-- EDIT DESCRIPTION BOX CONTENT HERE -->
  1476. <br>{Description}
  1477. </div>
  1478. <center>
  1479. <div class="image"><img style="height:260px; width:260px; border-radius:150px; padding:8px;" src="{image:sidebar}" ></div5
  1480. </center>
  1481.  
  1482.  
  1483. <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;"></a></div>
  1484.  
  1485. <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;"></a></div>
  1486.  
  1487. <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;"></a></div>
  1488.  
  1489. <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;"></a></div>
  1490.  
  1491. <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;"></a></div>
  1492.  
  1493. </div></div>
  1494.  
  1495. </div>
  1496. <!------------------------------------->
  1497.  
  1498.  
  1499. <div class="left">
  1500. <div id="posts">
  1501. {block:Posts}
  1502. <div class="entry">
  1503.  
  1504. {block:Text}{block:Title}<span class="title"><center>{Title}<br></center></span>{/block:Title}<span class="body">{Body}</span>{block:IndexPage}
  1505. <br><div class="textperma"><a href="{ReblogURL}" target="_blank"> re-glow</a> & {NoteCount} glow</a></div></center>{/block:IndexPage}{/block:HasTags}</span></align>
  1506. {/block:Text}
  1507.  
  1508.  
  1509. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  1510.  
  1511. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  1512.  
  1513. {block:Photo}
  1514. {block:IndexPage}
  1515. <center>
  1516.  
  1517. <div class="perma1">{ReblogButton color="white" size="18"} </div>
  1518.  
  1519. <div class="perma2">{LikeButton color="white" size="18"} </div>
  1520.  
  1521.  
  1522.  
  1523.  
  1524. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1525. {/block:IndexPage}
  1526. {block:PermalinkPage}
  1527. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1528.  
  1529. {LinkCloseTag}
  1530. {/block:PermalinkPage}
  1531. {/block:Photo}
  1532.  
  1533. {block:Photoset}
  1534. {block:IndexPage}
  1535. <center>
  1536.  
  1537. <div class="perma">
  1538. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1539.  
  1540. {Photoset-250}</center>
  1541. {/block:IndexPage}
  1542. {block:PermalinkPage}
  1543. <center>
  1544. {Photoset-500}</center>
  1545. {/block:PermalinkPage}
  1546. {/block:Photoset}
  1547.  
  1548.  
  1549. {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}
  1550.  
  1551. {block:Answer}
  1552. <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>
  1553. <div class="answer">{Answer}</div><div id="signature"> -love,</div>
  1554. {block:IndexPage}
  1555. <br><div class="textperma"><a href="{ReblogURL}" target="_blank"> re-glow</a> &{NoteCount} glow</a></div></center>{/block:IndexPage}
  1556. {/block:Answer}
  1557.  
  1558.  
  1559. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1560. <ul class="chat">
  1561. {block:Lines}
  1562. <li class="user_{UserNumber}">
  1563. {block:Label}
  1564. <span class="label">{Label}</span>
  1565. {/block:Label}
  1566.  
  1567. {Line}
  1568. </li>
  1569. {/block:Lines}
  1570. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1571. {/block:Chat}
  1572.  
  1573. {block:Audio}
  1574. <div style="width:200px; height:30px;">
  1575. {AudioPlayerBlack}
  1576. </div>
  1577. {block:IndexPage}<span class="permalink">
  1578. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1579. </span>{/block:IndexPage}
  1580. {/block:Audio}
  1581.  
  1582. {block:Video}
  1583. {block:IndexPage}
  1584. <center>
  1585. <div class="perma">
  1586. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1587. {Video-250}</center>
  1588. {/block:IndexPage}
  1589. {block:PermalinkPage}
  1590. <center>
  1591. {Video-400}</center>
  1592. {/block:PermalinkPage}
  1593. {block:Video}
  1594.  
  1595.  
  1596. {block:PostNotes}<div align="middle">{caption}</div>
  1597. <center>
  1598.  
  1599. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1600.  
  1601. {block:HasTags}
  1602. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1603. {block:RebloggedFrom}
  1604. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1605. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1606.  
  1607. {/block:RebloggedFrom}
  1608. </center></span>
  1609. <br>
  1610. <div id="postnotes">{PostNotes}</div><br>
  1611.  
  1612. <center>{block:ContentSource}
  1613. <br><a href="{SourceURL}">
  1614. {lang:Source}:
  1615. {block:SourceLogo}
  1616. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1617. height="{LogoHeight}" alt="{SourceTitle}" />
  1618. {/block:SourceLogo}
  1619. {block:NoSourceLogo}
  1620. {SourceLink}
  1621. {/block:NoSourceLogo}
  1622. </a>
  1623. {/block:ContentSource}</center>
  1624.  
  1625. {/block:PostNotes}
  1626. </div>
  1627. {/block:Posts}
  1628. </div></div>
  1629.  
  1630. {block:IndexPage}
  1631. {block:Pagination}
  1632. <div id="pagination">
  1633. {block:NextPage}
  1634. <a id="nextPage" href="{NextPage}"></a>
  1635. {/block:NextPage}
  1636. {block:PreviousPage}
  1637. <a href="{PreviousPage}"></a>
  1638. {/block:PreviousPage}
  1639. </div>
  1640. {/block:Pagination}
  1641. {/block:IndexPage}
  1642. </body>
  1643.  
  1644.  
  1645. <div id="01" class="popup_block">
  1646. <div style="width: 510px; height: 320px; overflow-y:scroll; overflow-x:hidden;" </div>
  1647. <br><br>
  1648. <div style="font-size:80px; font-family: 'amatic sc regular'; color:{color:blogtitle}; text-shadow: -1px 0 {color:link}, 0 1px {color:link}, 1px 0 {color:link}, 0 -1px {color:link}; padding:10px; text-align:center;">mailbox</div>
  1649. <br><br>
  1650.  
  1651. <table>
  1652. <td>
  1653. <p><br><br>
  1654. <td width="50%" valign="top">
  1655. <br>
  1656. <div style="font-family: amatic sc regular; font-size:25px; {color:title}; border-radius: 0px; border-bottom: 2px solid {color:border}; width: 205px; margin-left:10px;">
  1657. <center><b><big>I will:</b></big></div><p>
  1658. <br>
  1659.  
  1660. <div style="margin-left:15px;">
  1661.  
  1662. stuffs you will do
  1663.  
  1664. </div>
  1665.  
  1666. </center>
  1667.  
  1668. </div>
  1669. </td>
  1670. <td>
  1671. <td width="50%" valign="top">
  1672. <br>
  1673. <div style="font-family: amatic sc regular; font-size:25px; {color:title}; border-radius: 0px; border-bottom: 2px solid {color:border}; width: 205px; margin-left:20px;">
  1674. <center><b><big>I won't: </b></big></div><p>
  1675. <br>
  1676.  
  1677. <div style="margin-left:30px;">
  1678.  
  1679. stuffs you wont do
  1680.  
  1681. </div>
  1682. </td>
  1683. </table>
  1684.  
  1685. <br>
  1686.  
  1687. <table>
  1688. <td>
  1689. <p><br><br>
  1690. <td width="50%" valign="top">
  1691. <br>
  1692. <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;">
  1693. <center><b><big>unfollow reasons</b></big></div><p>
  1694. <br>
  1695.  
  1696. <div style="margin-left:15px;">
  1697.  
  1698. why you unfollow people
  1699.  
  1700. </div>
  1701.  
  1702. </center>
  1703.  
  1704. </div>
  1705. </td>
  1706. <td>
  1707. <td width="50%" valign="top">
  1708. <br>
  1709. <div style="font-family: amatic sc regular; font-size:25px; {color:title}; border-radius: 0px; border-bottom: 2px solid {color:border}; width: 205px; margin-left:20px;">
  1710. <center><b><big>Other:</b></big></div><p>
  1711. <br>
  1712.  
  1713.  
  1714. <div style="margin-left:30px;">
  1715.  
  1716. other stuffs goes here x
  1717.  
  1718. </div>
  1719. </td>
  1720. </table>
  1721.  
  1722. <br><br><br>
  1723. <div id="floretticamail">
  1724. <div class="hoverask">
  1725.  
  1726. <center>hover for mailbox</center>
  1727.  
  1728. <br></div>
  1729. <div class="floretticaask">
  1730. <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>
  1731.  
  1732. </div>
  1733. </div></div></div></div></div></div></div></div></div></div>
  1734.  
  1735. <div id="02" class="popup_block">
  1736. <br><br>
  1737. <div style="font-size:80px; font-family: 'amatic sc regular'; color:{color:blogtitle}; text-shadow: -1px 0 {color:link}, 0 1px {color:link}, 1px 0 {color:link}, 0 -1px {color:link}; padding:10px; text-align:center;">submit</div><br><br>
  1738.  
  1739. <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>
  1740. </div>
  1741. </div>
  1742. </div></div></div></div></div></div></div></div></div></div>
  1743.  
  1744. <div id="03" class="popup_block">
  1745. <div style="width: 510px; height: 320px; overflow-y:scroll; overflow-x:hidden;" </div>
  1746. <br><br>
  1747. <div style="font-size:80px; font-family: 'amatic sc regular'; color:{color:blogtitle}; text-shadow: -1px 0 {color:link}, 0 1px {color:link}, 1px 0 {color:link}, 0 -1px {color:link}; padding:10px; text-align:center;">links</div><br><br>
  1748.  
  1749.  
  1750. <!-- links layout below made by florettica-->
  1751. <center>
  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>
  1757. </div>
  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></div>
  1764.  
  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.  
  1773. <div id="links">
  1774. <div class="florettica">section</div>
  1775. <div class="florettica2"><!--PUT YOUR LINKS HERE ( AFTER HTTP://) -->
  1776. <a href="http://">link</a> * <a href="http://">link</a> * <a href="http://">link</a>
  1777. </div>
  1778. </div>
  1779. </center>
  1780.  
  1781.  
  1782.  
  1783.  
  1784. </div>
  1785. </div>
  1786.  
  1787. </div></div></div></div></div></div></div></div></div></div>
  1788.  
  1789.  
  1790. <!--------------------- flower snow ------------------------->
  1791.  
  1792. <script type="text/javascript">
  1793. /* SNOWFLAKES BY NAEIVE */
  1794.  
  1795. // Set the colors for the snow. Add/remove as many colors as you like //
  1796. var snowcolor=new Array("{color:title}","{color:border}","{color:title}","{color:border}","{color:title}")
  1797.  
  1798. var snowmax=30
  1799. var snowtype=new Array("Times")
  1800. var snowletter="✿"
  1801. var sinkspeed=0.4
  1802. var snowmaxsize=30
  1803. var snowminsize=15
  1804. var snowingzone=1
  1805.  
  1806. // Do not edit below this line //
  1807. var snow=new Array()
  1808. var marginbottom
  1809. var marginright
  1810. var timer
  1811. var i_snow=0
  1812. var x_mv=new Array();
  1813. var crds=new Array();
  1814. var lftrght=new Array();
  1815. var browserinfos=navigator.userAgent
  1816. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  1817. var ns6=document.getElementById&&!document.all
  1818. var opera=browserinfos.match(/Opera/)
  1819. var browserok=ie5||ns6||opera
  1820.  
  1821. function randommaker(range) {
  1822. rand=Math.floor(range*Math.random())
  1823. return rand
  1824. }
  1825.  
  1826. function initsnow() {
  1827. if (ie5 || opera) {
  1828. marginbottom = document.body.scrollHeight
  1829. marginright = document.body.clientWidth-15
  1830. }
  1831. else if (ns6) {
  1832. marginbottom = document.body.scrollHeight
  1833. marginright = window.innerWidth-15
  1834. }
  1835. var snowsizerange=snowmaxsize-snowminsize
  1836. for (i=0;i<=snowmax;i++) {
  1837. crds[i] = 0;
  1838. lftrght[i] = Math.random()*15;
  1839. x_mv[i] = 0.03 + Math.random()/10;
  1840. snow[i]=document.getElementById("s"+i)
  1841. snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  1842. snow[i].size=randommaker(snowsizerange)+snowminsize
  1843. snow[i].style.fontSize=snow[i].size+'px';
  1844. snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  1845. snow[i].style.zIndex=1000
  1846. snow[i].sink=sinkspeed*snow[i].size/5
  1847. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  1848. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  1849. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  1850. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  1851. snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  1852. snow[i].style.left=snow[i].posx+'px';
  1853. snow[i].style.top=snow[i].posy+'px';
  1854. }
  1855. movesnow()
  1856. }
  1857.  
  1858. function movesnow() {
  1859. for (i=0;i<=snowmax;i++) {
  1860. crds[i] += x_mv[i];
  1861. snow[i].posy+=snow[i].sink
  1862. snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
  1863. snow[i].style.top=snow[i].posy+'px';
  1864.  
  1865. if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  1866. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  1867. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  1868. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  1869. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  1870. snow[i].posy=0
  1871. }
  1872. }
  1873. var timer=setTimeout("movesnow()",50)
  1874. }
  1875.  
  1876. for (i=0;i<=snowmax;i++) {
  1877. document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  1878. }
  1879. if (browserok) {
  1880. window.onload=initsnow
  1881. }
  1882.  
  1883. </script>
  1884. <!--------------------- end flower snow ------------------------->
  1885.  
  1886.  
  1887. <!--/*HEART TAB BY FLORETTICA*/-->
  1888. <div id="tab1"><center><br><br>
  1889. <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>
  1890. <br>
  1891. updates here
  1892. <br><br>
  1893.  
  1894.  
  1895. <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>
  1896. <br>
  1897. Music here
  1898. </div>
  1899.  
  1900. <div id="tab2"><center><br><br><br>
  1901. <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>
  1902. <br>
  1903. stats
  1904. <br><br>
  1905.  
  1906. <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>
  1907. <br><br>
  1908. <marquee onmouseover="this.stop();" onmouseout="this.start();" direction=left>Networks Here</marquee>
  1909. </div>
  1910.  
  1911.  
  1912.  
  1913.  
  1914. <!--/*HEART TAB BY FLORETTICA*/-->
  1915.  
  1916.  
  1917.  
  1918. <div id="gc"><a target="blank" href="http://floretticathemes.tumblr.com/tagged/themes"><img src="http://i50.tinypic.com/3325qp0.png"></a></div>
  1919.  
  1920.  
  1921. <!----IF YOU DELETE THIS I WILL REPORT YOU------>
  1922. <div id="ray"><div id="credit"><center> FT </center></div>
  1923. <div id="cred1"><a title="click for more themes" href="http://florettica.tumblr.com/" style="color:#000">Florettica Themes (;</a></div>
  1924.  
  1925.  
  1926. <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>
  1927.  
  1928.  
  1929. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement