Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- ╋┏━┳┓╋╋╋╋╋╋╋╋┏┓╋┏┓++++++++++++++
- ╋┃┏┫┃╋╋╋╋╋╋╋┏┛┗┳┛┗┓++++++++++++
- ┏┛┗┫┃┏━━┳━┳━┻┓┏┻┓┏╋┳━━┳━━┓
- ┗┓┏┫┃┃┏┓┃┏┫┃━┫┃╋┃┃┣┫┏━┫┏┓┃
- ╋┃┃┃┗┫┗┛┃┃┃┃━┫┗┓┃┗┫┃┗━┫┏┓┃
- ╋┗┛┗━┻━━┻┛┗━━┻━┛┗━┻┻━━┻┛┗┛
- ╋┏┓┏┓++++++++++++++++++++++++++++++++++++++
- ┏┛┗┫┃++++++++++++++++++++++++++++++++++++++
- ┗┓┏┫┗━┳━━┳┓┏┳━━┳━━┓+++++++++++++
- ╋┃┃┃┏┓┃┃━┫┗┛┃┃━┫━━┫+++++++++++++
- ╋┃┗┫┃┃┃┃━┫┃┃┃┃━╋━━┃+++++++++++++
- ╋┗━┻┛┗┻━━┻┻┻┻━━┻━━┛+++++++++++++
- ⋆✧ⒻⓁⓄⓇⒺⓉⓉⒾⒸⒶ✧⋆
- ⓣⓗⓔⓜⓔⓢ ⓑⓨ ⓒⓘⓝⓓⓨ
- BANANA THEME #9
- + Do not remove the text or else you'll loose you blog
- + Do not copy or steal anything from this theme and use it on your next theme/future theme.
- + Do not redistribute this theme or claim it as yours
- + Feel free to edit anything, but never remove my credit.
- + Do not remove the credits on the bottom left, ask permission first.
- + If you're planning to make a huge revamping of my the
- me, please let me know.
- don't forget to replace "YOURURLHERE" with your url on popup ask and submit box
- Change "favicon" with a cute pixel of your choice!
- -->
- <html lang="en">
- <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <script type="text/javascript">
- <!--
- // Disable Right Click Script
- function IE(e)
- {
- if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
- {
- return false;
- }
- }
- function NS(e)
- {
- if (document.layers || (document.getElementById && !document.all))
- {
- if (e.which == "2" || e.which == "3")
- {
- return false;
- }
- }
- }
- document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
- //-->
- </script>
- <!----POP UP SCRIPT---->
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get p Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + 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>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <!-- END OF POPUP SCRIPTS -->
- <script type="text/javascript">
- // <![CDATA[
- var colour="#ffbaf8";
- var sparkles=120;
- /****************************
- * Tinkerbell Magic Sparkle *
- * (c) 2005 mf2fm web-design *
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- ****************************/
- var x=ox=400;
- var y=oy=300;
- var swide=800;
- var shigh=600;
- var sleft=sdown=0;
- var tiny=new Array();
- var star=new Array();
- var starv=new Array();
- var starx=new Array();
- var stary=new Array();
- var tinyx=new Array();
- var tinyy=new Array();
- var tinyv=new Array();
- window.onload=function() { if (document.getElementById) {
- var i, rats, rlef, rdow;
- for (var i=0; i<sparkles; i++) {
- var rats=createDiv(3, 3);
- rats.style.visibility="hidden";
- document.body.appendChild(tiny[i]=rats);
- starv[i]=0;
- tinyv[i]=0;
- var rats=createDiv(5, 5);
- rats.style.backgroundColor="transparent";
- rats.style.visibility="hidden";
- var rlef=createDiv(1, 5);
- var rdow=createDiv(5, 1);
- rats.appendChild(rlef);
- rats.appendChild(rdow);
- rlef.style.top="2px";
- rlef.style.left="0px";
- rdow.style.top="0px";
- rdow.style.left="2px";
- document.body.appendChild(star[i]=rats);
- }
- set_width();
- sparkle();
- }}
- function sparkle() {
- var c;
- if (x!=ox || y!=oy) {
- ox=x;
- oy=y;
- for (c=0; c<sparkles; c++) if (!starv[c]) {
- star[c].style.left=(starx[c]=x)+"px";
- star[c].style.top=(stary[c]=y)+"px";
- star[c].style.clip="rect(0px, 5px, 5px, 0px)";
- star[c].style.visibility="visible";
- starv[c]=50;
- break;
- }
- }
- for (c=0; c<sparkles; c++) {
- if (starv[c]) update_star(c);
- if (tinyv[c]) update_tiny(c);
- }
- setTimeout("sparkle()", 40);
- }
- function update_star(i) {
- if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
- if (starv[i]) {
- stary[i]+=1+Math.random()*3;
- if (stary[i]<shigh+sdown) {
- star[i].style.top=stary[i]+"px";
- starx[i]+=(i%5-2)/5;
- star[i].style.left=starx[i]+"px";
- }
- else {
- star[i].style.visibility="hidden";
- starv[i]=0;
- return;
- }
- }
- else {
- tinyv[i]=50;
- tiny[i].style.top=(tinyy[i]=stary[i])+"px";
- tiny[i].style.left=(tinyx[i]=starx[i])+"px";
- tiny[i].style.width="2px";
- tiny[i].style.height="2px";
- star[i].style.visibility="hidden";
- tiny[i].style.visibility="visible"
- }
- }
- function update_tiny(i) {
- if (--tinyv[i]==25) {
- tiny[i].style.width="1px";
- tiny[i].style.height="1px";
- }
- if (tinyv[i]) {
- tinyy[i]+=1+Math.random()*3;
- if (tinyy[i]<shigh+sdown) {
- tiny[i].style.top=tinyy[i]+"px";
- tinyx[i]+=(i%5-2)/5;
- tiny[i].style.left=tinyx[i]+"px";
- }
- else {
- tiny[i].style.visibility="hidden";
- tinyv[i]=0;
- return;
- }
- }
- else tiny[i].style.visibility="hidden";
- }
- document.onmousemove=mouse;
- function mouse(e) {
- set_scroll();
- y=(e)?e.pageY:event.y+sdown;
- x=(e)?e.pageX:event.x+sleft;
- }
- function set_scroll() {
- if (typeof(self.pageYOffset)=="number") {
- sdown=self.pageYOffset;
- sleft=self.pageXOffset;
- }
- else if (document.body.scrollTop || document.body.scrollLeft) {
- sdown=document.body.scrollTop;
- sleft=document.body.scrollLeft;
- }
- else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
- sleft=document.documentElement.scrollLeft;
- sdown=document.documentElement.scrollTop;
- }
- else {
- sdown=0;
- sleft=0;
- }
- }
- window.onresize=set_width;
- function set_width() {
- if (typeof(self.innerWidth)=="number") {
- swide=self.innerWidth;
- shigh=self.innerHeight;
- }
- else if (document.documentElement && document.documentElement.clientWidth) {
- swide=document.documentElement.clientWidth;
- shigh=document.documentElement.clientHeight;
- }
- else if (document.body.clientWidth) {
- swide=document.body.clientWidth;
- shigh=document.body.clientHeight;
- }
- }
- function createDiv(height, width) {
- var div=document.createElement("div");
- div.style.position="absolute";
- div.style.height=height+"px";
- div.style.width=width+"px";
- div.style.overflow="hidden";
- div.style.backgroundColor=colour;
- return (div);
- }
- // ]]>
- </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){$(document)
- .ready(function(){$("[title]")
- .style_my_tooltips();});})
- (jQuery);
- </script>
- {block:IndexPage}
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
- <script type="text/javascript">
- $(window).load(function(){
- var $wall = $('#entries');
- $wall.imagesLoaded(function(){
- $wall.masonry({
- itemSelector: '#post, #post_photo',
- isAnimated : false
- });
- });
- $wall.infinitescroll({
- navSelector : '#pagination',
- nextSelector : '#pagination a',
- itemSelector : '#post, #post_photo',
- bufferPx : 2000,
- debug : false,
- errorCallback: function() {
- $('#scroll').fadeOut('normal');
- }},
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- $newElems.imagesLoaded(function(){
- $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
- });
- }); $('#entries').show(500);
- });
- </script>
- {/block:IndexPage}
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <!--DEFAULT VARIABLES-->
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <meta name="color:background" content="#fff"/>
- <meta name="color:link" content="#fdc2d2"/>
- <meta name="color:text" content="#fdc2d2"/>
- <meta name="color:title" content="#fdc2d2"/>
- <meta name="color:blogtitle" content="#fdc2d2"/>
- <meta name="color:signature" content="#fdc2d2"/>
- <meta name="color:border" content="#ffb0d0"/>
- <meta name="color:sidebar border" content="#fdc2d2"/>
- <meta name="color:link hover" content="#fff"/>
- <meta name="color:hover" content="#fff"/>
- <meta name="color:post hover" content="#ffecec"/>
- <meta name="image:sidebar" content="1"/>
- <meta name="image:background" content="1"/>
- <meta name="image:Banner" content=""/>
- <meta name="font:Choose a font" content="Georgia">
- <meta name="if:use Banner" content=""/>
- <meta name="if:use Blogtitle" content="1"/>
- <style type="text/css">
- #gc{
- text-transform:uppercase;
- background: transparent;
- z-index: 9999;
- position:fixed;
- top:27px;
- right:6px;
- height:auto;
- width:auto;
- opacity:0.7 !important;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- #gc:hover{
- opacity:0.7;
- z-index:9999;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- /** CREDIT!! DO NOT FUCKING DELETE THIS! OR YOU WILL LOOSE YOUR BLOG**/
- #ray{
- position:fixed;
- width:auto;
- top:585px;
- left:0px;
- z-index:9999;
- transition: all 0.7s ease-out;
- -o-transition-transition: all 0.7s ease-out;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- }
- #credit{
- position:fixed;
- height:10px;
- max-width:-0px;
- left:-0px;
- margin-top:33px;
- padding:5px;
- padding-right:24px;
- font-size:17px;
- font-family:calibri;
- line-height:10px;
- text-transform:uppercase;
- text-align:center;
- border:2px solid #ffd0ef;
- background:white;
- z-index:9999;
- transition: all 0.7s ease-out;
- -o-transition-transition: all 0.7s ease-out;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- }
- #ray:hover #credit{
- left:0px;
- transition: all 0.7s ease-out;
- }
- #ray:hover #cred1{
- left:-2px;
- transition: all 0.7s ease-out;
- }
- #cred2{
- position:fixed;
- right:10px;
- bottom:550px;
- z-index:99999999999999999999999999;
- font-size:10px;
- }
- #cred1{
- position:fixed;
- text-align:center;
- width:130px;
- font-size:11px;
- background:#ffffff;
- height:10px;
- padding:5px;
- font-family:calibri;
- text-transform:uppercase;
- left:-147px;
- margin-top:33px;
- border:2px solid #ffd0ef;
- line-height:10px;
- z-index:9999;
- transition: all 0.7s ease-out;
- -o-transition-transition: all 0.7s ease-out;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- }
- /** CREDIT!! DO NOT FUCKING DELETE THIS! OR YOU WILL LOOSE YOUR BLOG**/
- /***TOOL TIP **/
- #s-m-t-tooltip {
- max-width:500px;
- padding:3px 3px 3px 3px;
- margin:20px 0px 0px 20px;
- background: #fff;
- border: 1px solid {color:border};
- font-family: "the girl next door";
- font-size: 11px;
- letter-spacing: 0px;
- color: {color:Text};
- z-index:999999999999999999999999999999999999;
- }
- #fade { /*--Transparent background layer--*/
- display: none; /*--hidden by default--*/
- background-image: url(http://t3.gstatic.com/images?q=tbn:ANd9GcQdqGJYVdRZ6JndGh-EbtiJcWziRbu13mjl4vUUT5W6je8SQ5IP);
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: .95;
- z-index: 9999;
- }
- .popup_block{
- display: none; /*--hidden by default--*/
- background: #fff;
- padding: 20px;
- border: 1px solid {color:borders};
- float: leFt;
- font-size: 14px;
- line-height:16px;
- position: fixed;font-family: 'Handlee', cursive;
- top: 50%; left: 50%;
- z-index: 99999;
- /*--CSS3 Box Shadows--*/
- -webkit-box-shadow: 0px 0px 20px {color:post hover};
- -moz-box-shadow: 0px 0px 20px {color:post hover};
- box-shadow: 0px 0px 20px {color:post hover};
- /*--CSS3 Rounded Corners--*/
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- border-radius: 5px;
- }
- img.btn_close {
- float: right;
- margin: -5px -5px 0 0;
- }
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- /******HOVER MAILBOX MADE BY FLORETTICA*******/
- #floretticamail {
- margin-left: 10px;
- display: inline-block;
- font-size: 40px;
- line-height: 28px;
- font-family: 'amatic sc regular';
- color: {color:links};
- text-align: center;
- border: double {color:blogtitle};
- border-radius:4px;
- width:430px;
- height: 200px;
- padding: 18px;
- overflow: hidden;
- transition: all 0.1s ease-out;
- -o-transition-transition: all 1s ease-out;
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- }
- .hoverask{
- margin-top:70px;
- opacity:1;
- transition: all 0.6s ease-out;
- -o-transition-transition: all 1s ease-out;
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- }
- #floretticamail:hover .hoverask{
- opacity:0;
- -o-transition-transition: all 1s ease-out;
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- }
- .floretticaask{
- margin-top:-125px;
- opacity: 0;
- transition: all 0.1s ease-out;
- -o-transition-transition: all 1s ease-out;
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- font-family: 'amatic sc regular';
- font-size: 16px;
- }
- #floretticamail:hover .floretticaask{
- opacity: 1;
- -o-transition-transition: all 1s ease-out;
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- }
- /*LINKS LAYOUT BY FLORETTICA*/
- .florettica{
- font-size: 20px;
- margin-top:20px;
- opacity:1;
- border-color: {color:border};
- font-family: 'Sacramento', cursive;
- font-size: 40px;
- color: {color:title};
- font-family: 'Gloria Hallelujah';text-shadow: 2px 0px {color:link};
- transition: all 0.5s ease-out;
- -o-transition-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #links:hover .florettica{
- margin-top:0px;
- opacity:0;
- }
- .florettica2{line-height:20px;
- font-size:16px;
- opacity: 0;
- transition: all 0.5s ease-out;
- -o-transition-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #links:hover .florettica2{
- opacity: 1;}
- /*LINKS LAYOUT BY FLORETTICA*/
- /************DO NOT DELETE #SCROLL************/
- #scroll{
- bottom:-20px;
- position: absolute;
- left: 50%;
- width:10px;
- height:5px;
- overflow:hidden;
- margin-bottom:80px;}
- ::-webkit-scrollbar {
- height: 10px;
- width: 10px;
- background: #fff; /* Scrollbar background color */
- border: 4px solid #fff;
- }
- ::-webkit-scrollbar-thumb {
- background:{color:title};
- border:2px solid #fff;
- border-radius:5px;
- -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
- }
- ::-webkit-scrollbar-corner {
- background: #ffffff;
- }
- /**** HEART TAB MADE BY FLORETTICA ****/
- #tab1 {
- background-color:{color:title}; /* background colour */
- width:40px; /* width before hvering */
- height:70px; /* height before hovering */
- font-size:14px; /* font size */
- font-family: 'Handlee', cursive;
- color: #b3b3b3;
- border-radius:60px 60px 0px 0px;
- -moz-border-radius:0px 0px 0px 14px;
- position:fixed;
- overflow:hidden;
- top:27px;
- left:30px;
- z-index:9999;
- padding:2px;
- transform:rotate(-50deg);
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tab1:hover{
- width: 300px;
- height: 400px;
- transform:rotate(0deg);
- overflow-y:scroll;
- overflow-x:hidden;
- width:290px; /* width after hovering */
- height: 290px; /* height after hovering */
- border-radius:0px;
- box-shadow: 0 0 10px 5px {color:link};
- border:3px #ffd8e6;
- opacity:0.95;
- background:white;
- z-index:999999999999;
- }
- #tab2 {
- background-color:{color:title}; /* background colour */
- width:40px; /* width before hovering */
- height:70px; /* height before hovering */
- font-size:14px; /* font size */
- font-family: 'Handlee', cursive;
- color: #b3b3b3;
- border-radius:60px 60px 0px 0px;
- -moz-border-radius:0px 0px 0px 14px;
- position:fixed;
- overflow:hidden;
- top:27px;
- left:60px;
- z-index:9999;
- padding:2px;
- transform:rotate(50deg);
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;}
- #tab2:hover{
- width: 300px;
- height: 400px;
- overflow-y:scroll;
- overflow-x:hidden;
- width:290px; /* width after hovering */
- height: 290px; /* height after hovering */
- border-radius:0px;
- opacity:0.95;
- z-index:999999999999;
- box-shadow: 0 0 10px 5px {color:link};
- border:3px #ffd8e6;
- transform:rotate(0deg);
- background:white;
- }
- /**** HEART TAB MADE BY FLORETTICA ****/
- /****FONTS****/
- /* latin */
- /* latin */
- @font-face {
- font-family: 'Handlee';
- font-style: normal;
- font-weight: 400;
- src: local('Handlee Regular'), local('Handlee-Regular'), url(http://fonts.gstatic.com/s/handlee/v5/hN5OFJA7DLALxZ1osZb59Q.woff2) format('woff2');
- 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;
- }
- /* latin */
- @font-face {
- font-family: 'Dawning of a New Day';
- font-style: normal;
- font-weight: 400;
- src: local('Dawning of a New Day'), local('DawningofaNewDay'), url(http://fonts.gstatic.com/s/dawningofanewday/v7/JiDsRhiKZt8uz3NJ5xA06sXt6O2RzdGnaiPim4oAiF0.woff2) format('woff2');
- 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;
- }
- @font-face {
- font-family: 'Amatic SC Regular';
- font-style: normal;
- font-weight: 400;
- src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url(http://fonts.gstatic.com/s/amaticsc/v6/DPPfSFKxRTXvae2bKDzp5BJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
- 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;
- }
- /* latin */
- @font-face {
- font-family: 'The Girl Next Door';
- font-style: normal;
- font-weight: 400;
- src: local('The Girl Next Door'), local('TheGirlNextDoor'), url(http://fonts.gstatic.com/s/thegirlnextdoor/v7/cWRA4JVGeEcHGcPl5hmX7oyXNO5rlBrAN79hEmcoJ2I.woff2) format('woff2');
- 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;
- }
- 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-
- transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
- 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;}
- p {
- margin:0px;
- margin-top:0px;
- }
- body {
- padding: 0px;
- margin: 0px;
- color:{color:text};
- font-family: {font:Choose a font};
- line-height:17px;
- font-size:14px;
- background-color:#fff;
- background-image:url({image:Background});
- background-attachment: fixed;
- background-repeat: repeat;
- }
- a:link, a:active, a:visited{
- text-decoration: none;
- -webkit-transition: color 0.3s ease-out;
- -moz-transition: color 0.3s ease-out;
- transition: color 0.3s ease-out;
- color:{color:link};
- }
- a:hover {
- text-decoration: none;
- font-style:;
- color: {color:border};
- }
- /*CUSTOMIZE ENTRY SETTINGS HERE*/
- .entry {
- float:left;
- display: block;
- margin:20px;
- padding:10px;
- margin-left:100px;
- border:1px solid {color:border};
- border-radius:10px 25px/25px 10px;
- overflow:hidden;
- width:200px;
- -moz-box-shadow: 0 0 20px 5px {color:post hover};
- -webkit-box-shadow: 0 0 20px 5px {color:post hover};
- {block:PermalinkPage}
- width:450px;
- text-align:left;
- line-height:10px;
- {/block:PermalinkPage}
- background:white;
- background-image:URL();
- transition: all 0.9s ease-out;
- -o-transition-transition: all 0.9s ease-out;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- }
- .entry:hover{
- border: 1px dashed {color:border};
- border-radius:25px 10px/10px 25px;
- -moz-box-shadow: 0 0 20px 5px {color:post hover};
- -webkit-box-shadow: 0 0 20px 5px {color:post hover};
- box-shadow: 0 0 20px 5px {color:post hover};
- transition: all 0.5s ease-out;
- -o-transition-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- /*CUSTOMIZE THE APPEARANCE OF PERMALINK PHOTO*/
- /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
- .entry .perma1{
- width:17px;
- height:17px;
- margin-left:15px;
- padding:10px;
- border:1px solid white;
- position: absolute;
- line-height: 16px;
- overflow:hidden;
- text-align:center;
- top:15px;
- background:{color:title};
- border-radius:100px;
- word-spacing:2px;
- letter-spacing:1px;
- z-index:99;
- opacity: 0.0;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- .entry:hover .perma1{
- overflow:visible;
- opacity:.99;
- -webkit-animation:pulse 2s;
- -moz-animation:pulse 2s;
- -o-animation:pulse 2s;
- }
- .entry .perma2{
- width:17px;
- height:17px;
- margin-left:70px;
- padding:10px;
- border:1px solid white;
- position: absolute;
- line-height: 16px;
- overflow:hidden;
- text-align:center;
- border-radius:100px;
- top:15px;
- background:{color:title};
- word-spacing:2px;
- letter-spacing:1px;
- opacity: 0.0;z-index:99;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- .entry:hover .perma2{
- overflow:visible;
- opacity:.99;
- -webkit-animation:pulse 2s;
- -moz-animation:pulse 2s;
- -o-animation:pulse 2s;
- }
- /***********PERMALINKS FOR ANSWER POST*******************/
- .entry .textperma {
- margin-top:-10px;
- width:100%;
- opacity:0px;
- font-size:12px;
- color: {color:Text};
- background-color:#fff;
- color:transparent;
- z-index:0;
- text-align:center;
- word-spacing:2px;
- transition: all 0.5s ease-out;
- -o-transition-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- .entry .textperma a {
- color:white;
- }
- .entry:hover .textperma {
- margin-top:3px;
- opacity:1;
- z-index:9999;
- color:{color:text};
- }
- .entry:hover .textperma a{
- color:{color:link};
- }
- /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
- #posts {
- width:800px;
- top:20px;
- z-index:9;
- margin-left:380px;
- right:auto;
- background:transparent;
- margin-right:auto;
- position:relative;
- overflow-y: hidden;
- }
- /*CUSTOMIZE SIDEBAR HERE*/
- {block:ifusebanner}
- .banner{
- top: 45px;
- left:73px;
- position:fixed;
- }
- .banner img{
- z-index: 20;
- width: 330px;
- }
- {/block:ifusebanner}
- {block:ifuseblogtitle}
- .blogtitle{
- text-align:center;
- width:275px;
- height:45px;
- line-height:50px;
- margin-top:40px;
- margin-left:150px;
- text-align:center;
- font-family: 'amatic sc regular';
- font-size:75px;
- position:fixed;
- text-transform: normal;
- z-index:9999;
- text-shadow:4px 4px 0px {color:post hover};
- transition: all 0.9s ease-out;
- -o-transition-transition: all 0.9s ease-out;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- }
- .blogtitle a{
- color:{color:blogtitle};}
- {/block:ifuseblogtitle}
- #sidebar{
- border-radius:50%;
- position:fixed !important;
- width:287px;
- background:#fff;
- height:285px;
- border:2px solid {color:border};
- margin-top:147px;
- margin-left:150px;
- text-align:center;
- }
- #sidebar:hover{border:2px dashed {color:border};
- -webkit-transition: 0.1s ease-in; >-moz-transition: .3s ease-in; transition: .3s ease-in;
- }
- #image{
- width: 200px;
- height: auto;
- padding:5px;
- border-radius:50%;
- -webkit-transition: 0.1s ease-in; >-moz-transition: .3s ease-in; transition: .3s ease-in;
- }
- #image:hover{
- opacity: 1;
- -webkit-transition: 0.1s ease-in; >-moz-transition: .3s ease-in; transition: .3s ease-in;
- }
- #description {
- border-radius:300px;
- opacity: 0;
- left: 163px;
- width: 252px;
- height: 252px;
- top:151px;
- text-align: center;
- font-size: 10px;
- line-height: 20px;
- position: fixed;
- text-align: center;
- font-size: 15px;
- color: {color:text}; /*CHANGE FONT COLOUR HERE*/
- font-family: 'Handlee', cursive;
- line-height: 20px;
- color: #797878;
- padding:10px;
- background: #fff;
- z-index: 999;
- -o-transition-transition: all 0.7s ease;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- transition: all 0.7s ease;
- }
- #description:hover {
- opacity: 0.96;
- -o-transition-transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- div#nav1{
- position:fixed;
- height: 30px;
- width: 30px;
- top: 400px;
- left: 200px;
- background:white;
- border: 0px solid {color:title};
- opacity: 0;
- -webkit-box-shadow: 0 0 10px 2px {color:title}; box-shadow: 10 10 10px 7px {color:title};
- border-radius: 10px 25px / 25px 10px;
- -o-transition-transition: all 1.9s ease;
- -webkit-transition: all 1.9s ease;
- -moz-transition: all 1.9s ease;
- transition: all 1.9s ease;
- }
- #sidebar:hover #nav1{
- top: 450px;
- left:200;
- opacity: 1;
- -o-transition-transition: all 1.9s ease;
- -webkit-transition: all 1.9s ease;
- -moz-transition: all 1.9s ease;
- transition: all 1.9s ease;
- }
- #nav1:hover{
- background: #fff;
- border:2px dashed #fff;
- border-radius: 100px;
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -o-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
- transition: 0.5s ease-in-out; }
- }
- #nav1 a:hover{
- color:white;
- }
- div#nav2{
- position:fixed;
- height: 30px;
- width: 30px;
- top: 400px;
- left: 250px;
- background:white;
- border: 0px solid {color:border};
- opacity: 0;
- -webkit-box-shadow: 0 0 10px 2px {color:border}; box-shadow: 10 10 10px 7px {color:border};
- border-radius: 25px 10px / 10px 25px;
- -o-transition-transition: all 1.9s ease;
- -webkit-transition: all 1.9s ease;
- -moz-transition: all 1.9s ease;
- transition: all 1.9s ease;
- }
- #sidebar:hover #nav2{
- top: 460px;
- left:250px;
- opacity: 1;
- -o-transition-transition: all 1.9s ease;
- -webkit-transition: all 1.9s ease;
- -moz-transition: all 1.9s ease;
- transition: all 1.9s ease;
- }
- #nav2:hover{
- background: #fff;
- border:2px dashed #fff;
- border-radius: 100px;
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -o-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
- transition: 0.5s ease-in-out; }
- }
- #nav2 a:hover{
- color:white;
- }
- div#nav3{
- position:fixed;
- height: 30px;
- width: 30px;
- top: 400px;
- left: 300px;
- background:white;
- border: 0px solid {color:title};
- opacity: 0;-webkit-box-shadow: 0 0 10px 2px {color:title}; box-shadow: 10 10 10px 7px{color:title};
- border-radius: 10px 25px / 25px 10px;
- -o-transition-transition: all 1.9s ease;
- -webkit-transition: all 1.9s ease;
- -moz-transition: all 1.9s ease;
- transition: all 1.9s ease;
- }
- #sidebar:hover #nav3{
- top: 470px;
- left:300px;
- opacity: 1;
- -o-transition-transition: all 1.9s ease;
- -webkit-transition: all 1.9s ease;
- -moz-transition: all 1.9s ease;
- transition: all 1.9s ease;
- }
- #nav3:hover{
- background: #fff;
- border:2px dashed #fff;
- border-radius: 100px;
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -o-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
- transition: 0.5s ease-in-out; }
- }
- #nav3 a:hover{
- color:white;
- }
- div#nav4{
- position:fixed;
- height: 30px;
- width: 30px;
- top: 400px;
- left: 350px;
- background:white;
- border: 0px solid {color:border};
- opacity: 0;
- -webkit-box-shadow: 0 0 10px 2px {color:border}; box-shadow: 10 10 10px 7px {color:border};
- border-radius: 25px 10px / 10px 25px;
- -o-transition-transition: all 1.9s ease;
- -webkit-transition: all 1.9s ease;
- -moz-transition: all 1.9s ease;
- transition: all 1.9s ease;
- }
- #sidebar:hover #nav4{
- top: 460px;
- left:350px;
- opacity: 1;
- -o-transition-transition: all 1.9s ease;
- -webkit-transition: all 1.9s ease;
- -moz-transition: all 1.9s ease;
- transition: all 1.9s ease;
- }
- #nav4:hover{
- background: #fff;
- border:2px dashed #fff;
- border-radius: 100px;
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -o-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
- transition: 0.5s ease-in-out; }
- }
- #nav4 a:hover{
- color:white;
- }
- div#nav5{
- position:fixed;
- height: 30px;
- width: 30px;
- top: 348px;
- left: 400px;
- background:white;
- border: 0px solid {color:title};
- opacity: 0;
- -webkit-box-shadow: 0 0 10px 2px {color:title}; box-shadow: 10 10 10px 7px {color:title};
- border-radius: 10px 25px / 25px 10px;
- -o-transition-transition: all 1.9s ease;
- -webkit-transition: all 1.9s ease;
- -moz-transition: all 1.9s ease;
- transition: all 1.9s ease;
- }
- #sidebar:hover #nav5{
- top: 450px;
- left:400px;
- opacity: 1;
- -o-transition-transition: all 1.9s ease;
- -webkit-transition: all 1.9s ease;
- -moz-transition: all 1.9s ease;
- transition: all 1.9s ease;
- }
- #nav5:hover{
- background: #fff;
- border:2px dashed #fff;
- border-radius: 100px;
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -o-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
- transition: 0.5s ease-in-out; }
- }
- #nav5 a:hover{
- color:white;
- }
- .title{
- line-height: 33px;
- font-family: 'Dawning of a New Day', cursive;
- color:{color:title};
- font-weight: normal;
- font-size:30px;
- text-align:left;
- }
- .title2{
- line-height: 25px;
- font-family: 'Dawning of a New Day', cursive;
- color:{color:title};
- font-weight: normal;
- font-size:35px;
- text-align:center;
- }
- .ask{
- padding:10px;
- background:#ffffff; /**change background color of question**/
- border-bottom: 1px dashed {color:borders};
- }
- .asker{
- color:{color:Link};}
- .answer{
- margin-top:10px;}
- #signature {
- font-size: 25px; /*change the font size*/
- /*add other font effects here, like shadows*/
- font-family:'amatic sc regular';
- margin-top:8px;
- color: {color:signature}; /*change the font color*/
- text-align: right;
- }
- .permalink{
- text-transform: normal;
- display: block;
- text-align: right;
- text-decoration: none;
- }
- #infscr-loading{
- bottom: -70px;
- position: absolute;
- left: 50%;
- margin-left:-8px;
- width:16px;
- height:11px;
- overflow:hidden;
- margin-bottom: 50px;
- }
- #postnotes{
- text-align: justify;}
- #postnotes blockquote{
- border: 0px;}
- blockquote{
- padding:0px 0px 2px 5px;
- margin:0px 0px 2px 10px;
- border-left: 1px dotted #555555;
- }
- blockquote p, ul{
- margin:0px;
- padding:0px;
- }
- a img{border: 0px;}
- ul, ol, li{list-style:none; margin:0px; padding:0px;}
- .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
- .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
- .notes img{width:10px; position:relative; top:3px;}
- <--ses-->
- small{font-size: 90%;}
- {CustomCSS}
- </style>
- {block:IndexPage}
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
- <script type="text/javascript">
- $(window).load(function(){
- var $wall = $('#posts');
- $wall.imagesLoaded(function(){
- $wall.masonry({
- itemSelector: '.entry, .entry_photo',
- isAnimated : false
- });
- });
- $wall.infinitescroll({
- navSelector : '#pagination',
- nextSelector : '#pagination a',
- itemSelector : '.entry, .entry_photo',
- bufferPx : 2000,
- debug : false,
- errorCallback: function() {
- $('#infscr-loading').fadeOut('normal');
- }},
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- $newElems.imagesLoaded(function(){
- $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
- });
- }); $('#posts').show(500);
- });
- </script>
- {/block:IndexPage}
- <title>{title}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- <meta name="viewport" content="width=820" />
- </head>
- <body>
- <BODY onselectstart="return false;" ondragstart="return false;">
- <div class="wrapper">
- <div class="header">
- </div>
- <!--STUFF THAT GOES INTO THE SIDEBAR-->
- {block:ifusebanner}
- <div class="banner"><a href="/"><img src="{image:banner}" "width: auto; height:auto"></a></div>
- {/block:ifusebanner}
- {block:ifuseblogtitle}
- <div class="blogtitle"><a href="/">{title}</a></div>{block:ifuseblogtitle}
- <div id="sidebar">
- <div id="description">
- <!-- EDIT DESCRIPTION BOX CONTENT HERE -->
- <br>{Description}
- </div>
- <center>
- <div class="image"><img style="height:260px; width:260px; border-radius:150px; padding:8px;" src="{image:sidebar}" ></div5
- </center>
- <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>
- <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>
- <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>
- <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>
- <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>
- </div></div>
- </div>
- <!------------------------------------->
- <div class="left">
- <div id="posts">
- {block:Posts}
- <div class="entry">
- {block:Text}{block:Title}<span class="title"><center>{Title}<br></center></span>{/block:Title}<span class="body">{Body}</span>{block:IndexPage}
- <br><div class="textperma"><a href="{ReblogURL}" target="_blank"> re-glow</a> & {NoteCount} glow</a></div></center>{/block:IndexPage}{/block:HasTags}</span></align>
- {/block:Text}
- {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
- class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
- {block:Photo}
- {block:IndexPage}
- <center>
- <div class="perma1">{ReblogButton color="white" size="18"} </div>
- <div class="perma2">{LikeButton color="white" size="18"} </div>
- <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
- {/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
- {LinkCloseTag}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- <center>
- <div class="perma">
- <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
- {Photoset-250}</center>
- {/block:IndexPage}
- {block:PermalinkPage}
- <center>
- {Photoset-500}</center>
- {/block:PermalinkPage}
- {/block:Photoset}
- {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}
- {block:Answer}
- <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>
- <div class="answer">{Answer}</div><div id="signature"> -love,</div>
- {block:IndexPage}
- <br><div class="textperma"><a href="{ReblogURL}" target="_blank"> re-glow</a> &{NoteCount} glow</a></div></center>{/block:IndexPage}
- {/block:Answer}
- {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
- {/block:Chat}
- {block:Audio}
- <div style="width:200px; height:30px;">
- {AudioPlayerBlack}
- </div>
- {block:IndexPage}<span class="permalink">
- <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
- </span>{/block:IndexPage}
- {/block:Audio}
- {block:Video}
- {block:IndexPage}
- <center>
- <div class="perma">
- <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
- {Video-250}</center>
- {/block:IndexPage}
- {block:PermalinkPage}
- <center>
- {Video-400}</center>
- {/block:PermalinkPage}
- {block:Video}
- {block:PostNotes}<div align="middle">{caption}</div>
- <center>
- {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
- {block:HasTags}
- tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
- {block:RebloggedFrom}
- reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
- posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- </center></span>
- <br>
- <div id="postnotes">{PostNotes}</div><br>
- <center>{block:ContentSource}
- <br><a href="{SourceURL}">
- {lang:Source}:
- {block:SourceLogo}
- <img src="{BlackLogoURL}" width="{LogoWidth}"
- height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}
- {SourceLink}
- {/block:NoSourceLogo}
- </a>
- {/block:ContentSource}</center>
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div></div>
- {block:IndexPage}
- {block:Pagination}
- <div id="pagination">
- {block:NextPage}
- <a id="nextPage" href="{NextPage}"></a>
- {/block:NextPage}
- {block:PreviousPage}
- <a href="{PreviousPage}"></a>
- {/block:PreviousPage}
- </div>
- {/block:Pagination}
- {/block:IndexPage}
- </body>
- <div id="01" class="popup_block">
- <div style="width: 510px; height: 320px; overflow-y:scroll; overflow-x:hidden;" </div>
- <br><br>
- <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>
- <br><br>
- <table>
- <td>
- <p><br><br>
- <td width="50%" valign="top">
- <br>
- <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;">
- <center><b><big>I will:</b></big></div><p>
- <br>
- <div style="margin-left:15px;">
- stuffs you will do
- </div>
- </center>
- </div>
- </td>
- <td>
- <td width="50%" valign="top">
- <br>
- <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;">
- <center><b><big>I won't: </b></big></div><p>
- <br>
- <div style="margin-left:30px;">
- stuffs you wont do
- </div>
- </td>
- </table>
- <br>
- <table>
- <td>
- <p><br><br>
- <td width="50%" valign="top">
- <br>
- <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;">
- <center><b><big>unfollow reasons</b></big></div><p>
- <br>
- <div style="margin-left:15px;">
- why you unfollow people
- </div>
- </center>
- </div>
- </td>
- <td>
- <td width="50%" valign="top">
- <br>
- <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;">
- <center><b><big>Other:</b></big></div><p>
- <br>
- <div style="margin-left:30px;">
- other stuffs goes here x
- </div>
- </td>
- </table>
- <br><br><br>
- <div id="floretticamail">
- <div class="hoverask">
- <center>hover for mailbox</center>
- <br></div>
- <div class="floretticaask">
- <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>
- </div>
- </div></div></div></div></div></div></div></div></div></div>
- <div id="02" class="popup_block">
- <br><br>
- <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>
- <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>
- </div>
- </div>
- </div></div></div></div></div></div></div></div></div></div>
- <div id="03" class="popup_block">
- <div style="width: 510px; height: 320px; overflow-y:scroll; overflow-x:hidden;" </div>
- <br><br>
- <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>
- <!-- links layout below made by florettica-->
- <center>
- <div id="links">
- <div class="florettica">section</div>
- <div class="florettica2"><!--PUT YOUR LINKS HERE ( AFTER HTTP://) -->
- <a href="http://">link</a> * <a href="http://">link</a> * <a href="http://">link</a>
- </div>
- </div>
- <div id="links">
- <div class="florettica">section</div>
- <div class="florettica2"><!--PUT YOUR LINKS HERE ( AFTER HTTP://) -->
- <a href="http://">link</a> * <a href="http://">link</a> * <a href="http://">link</a>
- </div></div>
- <div id="links">
- <div class="florettica">section</div>
- <div class="florettica2"><!--PUT YOUR LINKS HERE ( AFTER HTTP://) -->
- <a href="http://">link</a> * <a href="http://">link</a> * <a href="http://">link</a>
- </div>
- </div>
- <div id="links">
- <div class="florettica">section</div>
- <div class="florettica2"><!--PUT YOUR LINKS HERE ( AFTER HTTP://) -->
- <a href="http://">link</a> * <a href="http://">link</a> * <a href="http://">link</a>
- </div>
- </div>
- </center>
- </div>
- </div>
- </div></div></div></div></div></div></div></div></div></div>
- <!--------------------- flower snow ------------------------->
- <script type="text/javascript">
- /* SNOWFLAKES BY NAEIVE */
- // Set the colors for the snow. Add/remove as many colors as you like //
- var snowcolor=new Array("{color:title}","{color:border}","{color:title}","{color:border}","{color:title}")
- var snowmax=30
- var snowtype=new Array("Times")
- var snowletter="✿"
- var sinkspeed=0.4
- var snowmaxsize=30
- var snowminsize=15
- var snowingzone=1
- // Do not edit below this line //
- var snow=new Array()
- var marginbottom
- var marginright
- var timer
- var i_snow=0
- var x_mv=new Array();
- var crds=new Array();
- var lftrght=new Array();
- var browserinfos=navigator.userAgent
- var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
- var ns6=document.getElementById&&!document.all
- var opera=browserinfos.match(/Opera/)
- var browserok=ie5||ns6||opera
- function randommaker(range) {
- rand=Math.floor(range*Math.random())
- return rand
- }
- function initsnow() {
- if (ie5 || opera) {
- marginbottom = document.body.scrollHeight
- marginright = document.body.clientWidth-15
- }
- else if (ns6) {
- marginbottom = document.body.scrollHeight
- marginright = window.innerWidth-15
- }
- var snowsizerange=snowmaxsize-snowminsize
- for (i=0;i<=snowmax;i++) {
- crds[i] = 0;
- lftrght[i] = Math.random()*15;
- x_mv[i] = 0.03 + Math.random()/10;
- snow[i]=document.getElementById("s"+i)
- snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
- snow[i].size=randommaker(snowsizerange)+snowminsize
- snow[i].style.fontSize=snow[i].size+'px';
- snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
- snow[i].style.zIndex=1000
- snow[i].sink=sinkspeed*snow[i].size/5
- if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
- if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
- if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
- if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
- snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
- snow[i].style.left=snow[i].posx+'px';
- snow[i].style.top=snow[i].posy+'px';
- }
- movesnow()
- }
- function movesnow() {
- for (i=0;i<=snowmax;i++) {
- crds[i] += x_mv[i];
- snow[i].posy+=snow[i].sink
- snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
- snow[i].style.top=snow[i].posy+'px';
- if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
- if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
- if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
- if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
- if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
- snow[i].posy=0
- }
- }
- var timer=setTimeout("movesnow()",50)
- }
- for (i=0;i<=snowmax;i++) {
- document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
- }
- if (browserok) {
- window.onload=initsnow
- }
- </script>
- <!--------------------- end flower snow ------------------------->
- <!--/*HEART TAB BY FLORETTICA*/-->
- <div id="tab1"><center><br><br>
- <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>
- <br>
- updates here
- <br><br>
- <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>
- <br>
- Music here
- </div>
- <div id="tab2"><center><br><br><br>
- <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>
- <br>
- stats
- <br><br>
- <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>
- <br><br>
- <marquee onmouseover="this.stop();" onmouseout="this.start();" direction=left>Networks Here</marquee>
- </div>
- <!--/*HEART TAB BY FLORETTICA*/-->
- <div id="gc"><a target="blank" href="http://floretticathemes.tumblr.com/tagged/themes"><img src="http://i50.tinypic.com/3325qp0.png"></a></div>
- <!----IF YOU DELETE THIS I WILL REPORT YOU------>
- <div id="ray"><div id="credit"><center> FT </center></div>
- <div id="cred1"><a title="click for more themes" href="http://florettica.tumblr.com/" style="color:#000">Florettica Themes (;</a></div>
- <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>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement