Boom! Page Theme Tumblr

<!DOCTYPE html PUBLIC "-//W3C//DTD XHT<!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">

<!--
	Theme by Mimì @ hearthenoise.tumblr.com || fireworkprodz.deviantart.com
	titles font @ http://fontsforweb.com/font/show/?id=3590
	picture @ http://www.youtube.com/user/TutosFrance
	BG pattern @ https://www.facebook.com/Graphic.Addicted
-->

<head>

<link href='http://fonts.googleapis.com/css?family=Dr+Sugiyama' rel='stylesheet' type='text/css'>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">

<style type="text/css">

body {
	background-color:#FFC;
background: url(https://dl.dropbox.com/u/38384326/Icons/391223_397859293608419_974148388_n.gif) fixed repeat;
}

.box {background-color:#FF9;
background: url(https://dl.dropbox.com/u/38384326/Icons/box1.gif) fixed repeat;
	width:280px;
	height:180px;
	color:#F96;
	position:relative;
	float:left;
	margin:3px;
}
.boxx {
	background-color:#FC6;
background: url(https://dl.dropbox.com/u/38384326/Icons/box2.gif) fixed repeat;
	color:#F63;
	width:280px;
	height:180px;
	position:relative;
	float:left;
	margin:3px;
}

.testo {
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	text-transform:none;
	margin:10px;
}

#contenitore {
	width:680px;
	height:auto;
	margin-top:50px;
	position:fixed;
	text-align:center;
	margin-left:160px;
}

#title {
	text-transform:none;

	color:#C96;
	font-size:15px;
	margin-left:-590px;
}

#titlee {
	text-transform:none;

	color:#C96;
	font-size:15px;
	margin-left:340px;
	margin-top:375px;
}

a:link, a:active, a:visited {text-decoration:none; font-weight:bold; color:#C96;  transition: all 0.6s ease-out; -o-transition-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
a:hover {color:#C63; font-weight:bold;text-decoration:none; transition: all 0.6s ease-out; -o-transition-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}

@font-face{
            font-family: "Magda";
            src: url('http://fontsforweb.com/public/fonts/3590/Magda.eot');
            src: local("Magda"), url('http://fontsforweb.com/public/fonts/3590/Magda.ttf') format("truetype");
        }
        .fontsforweb_fontid_3590 {
            font-family: "Magda";
        }

#player {position:relative;float:left;left:150px; top:100px; z-index:auto;transition: all 0.6s ease-out; -o-transition-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
#player:hover {position:relative; float:left; margin-left:-95px;transition: all 0.6s ease-out; -o-transition-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}

::-webkit-scrollbar-thumb:vertical {
    background-color: #EDE2B7;
    height:30px;
    }

::-webkit-scrollbar-thumb:horizontal {
    background-color: #FCF3CC;
    height:10px!important;
    }

::-webkit-scrollbar {
    background-color: #FCF3CC;
    height:10px;
    width:6px;
}

::-moz-selection {
    background-color:#000000;
    color: #FFFFFF;
    }

::selection {
    background-color: #000000;
    color: #FFFFFF;
    }

</style>

</head>

<body>

<!-- Player -->
<div id="player" style="display:none;">
<img src="http://static.tumblr.com/rltvkjt/jwflmr3vh/marcadores71.gif" />
<div style="margin-top:-8px;margin-left:22px;">
BILLY PLAYER CODE HERE (OPTIONAL)
<!-- REMEMBER TO DELETE style="display:none;" IN THE div id="player" style="display:none;" CODE THAT YOU SEE UP HERE TO SHOW THE PLAYER! -->
</div></div>
<!-- Player End -->

<div id="contenitore">

<div id="title" class="fontsforweb_fontid_3590">
{Title}
</div>

<div class="box">
<div style="overflow:auto; width:280px; height:180px; text-align:center;">
<div class="testo">
<b>ABOUT ME</b><br>
<a href="/">Home</a> * <a href="/ask">Message</a> * <a href="http://tumblr.com">Dashboard</a><br>
<br>
Here you write whatever you want!<br>
<br>
<b>Credits</b><br>
BG Pattern @ <a target="_blank" href="http://www.facebook.com/Graphic.Addicted">- Graphic Addicted;</a><br>
Pic @ <a target="_blank" href="http://www.youtube.com/user/TutosFrance">TutosFrance</a><br>
<br>
</div>
</div>
</div>

<div class="boxx">
<div style="overflow:auto; width:280px; height:180px; text-align:center;">
<div class="testo"><b>Links</b><br>
<!-- START LINKS -->
;; <a target="_blank" href="HERE YOU PUT THE URL">HERE YOU PUT THE TITLE</a> ;; <br>
<br>
<!-- END LINKS -->
</div>
</div>
</div>

<div class="boxx">
<div style="overflow:auto; width:280px; height:180px; text-align:center;">
<div class="testo">
<b>Tags</b><br>
<!-- START TAGS -->
<a href="HERE YOU PUT THE URL">HERE THE TAG</a><br>
<br><br>
<!-- END TAGS -->
</div>
</div>
</div>

<div class="box">
<img src="https://dl.dropbox.com/u/38384326/iPhone/Foto%20%287%29.jpg" style="width: 273px; height: 173px; margin-top: 4px; margin-left: 2px;"/>
</div>

<div id="titlee" class="fontsforweb_fontid_3590">
SECOND TITLE HERE (OPTIONAL)
</div>

</div>

<div style="bottom:10px; right:30px; float:left; position:fixed; font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; font-weight:bolder; color:#F96;"><a href="http://hearthenoise.tumblr.com">狼</a></div>

</body>
</html>