Travelmap #1

<!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" xml:lang="en" lang="en">
<head><title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link href="http://static.tumblr.com/bfthosw/vUynczxut/intro-black-64.css" rel="stylesheet">

<!---- Travelmap #1 by Sofi (castiiel.tumblr.com). DON'T REMOVE THE CREDIT OR CLAIM THE THEME AS YOURS. DON'T USE IT AS A BASE --->

<script type="text/javascript">
      WebFontConfig = {
        google: { families: [ 'Lato:300,400:latin', 'Montserrat:700:latin' ] }
      };
      (function() {
        var wf = document.createElement('script');
        wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
          '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
        wf.type = 'text/javascript';
        wf.async = 'true';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(wf, s);
      })(); </script>

<style type="text/css">

body {
    background:#fff; /*Here change the background color*/
}

#map {
    position: fixed;
    top:50%;
    margin-top:-251px;
    width:800px;
    height:450px;
    left:50%;
    margin-left:-426px;
    background:#535364; /*Here change the map background color*/
    padding:20px;
    border:3px solid #fff; /*Here change the inside border color*/
    outline:3px solid #535364; /*Here change the outline color. Better if it match the map background*/
}

#title {
    width:752px;
    position: fixed;
    left:50%;
    margin-left:-376px;
    top: 50%;
    margin-top:-300px;
    text-align:center;
    font-family: 'montserrat', 'intro', sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    font-weight:700;
    letter-spacing:2px;
    color:#202032; /*Here change the title color*/
}

#links {
    width:752px;
    position: fixed;
    left:50%;
    margin-left:-376px;
    top: 50%;
    margin-top:260px;
    text-align:center;
}

#links a {
    font-family:trebuchet ms, sans-serif;
    text-transform:uppercase;
    padding:5px 8px;
    display: inline;
    font-size:10px;
    letter-spacing:1.3px;
    margin:0px 10px;
    text-decoration:none;
    color:#fff; /*Here change the links text color*/
    font-weight:bolder;
    background:#535364; /*Here change the links background color*/
    border:2px solid #fff; /*Here change the links inside border color*/
    outline:2px solid #535364; /*Here change the outline color. Better if it match the links background*/
}

</style></head>
<body>

<div id="title">TRAVELMAP</div>

<div id="map">
MAP SCRIPT GOES HERE!
</div>

<div id="links">
<a href="/">home</a>
<a href="/ask">mail</a>
<a href="/">link 1</a>
<a href="/">link 2</a>
<!--Don't delete this. If you do, I'm gonna directly report you for code stealing and your blog will get deleted. If you don't want a credit link and you can, build your own code. -->
<a href="http://castiiel.tumblr.com">credit</a>
</div>

</body></html>