Pearl

<!DOCTYPE html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />

<!------------------------------------------------------------------------

PEARL | Tags Page 01
By Hydra Themes

REMINDERS:
1. Do not claim this as yours
2. Do not use this as a base
3. Do not copy the codes
4. Do not delete or move the credit

If you have any problems, feel free to send me a message and I'll help you out.

www.hydrathemes.tumblr.com
www.msclairedearing.tumblr.com

------------------------------------------------------------------------->

<!-- IMPORTED SCRIPTS -->
<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

<!-- FONT -->
<link href='http://fonts.googleapis.com/css?family=Lato:400,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

<!-- FONT AWESOME -->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

<!-- TOOLTIPS -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
</script>

<meta name="URL" content=""/>

<style type="text/css">

body {
background:#eee;
color:#000;
font-family:Roboto;
font-size:11px;
}

/** SELECTION COLORS **/
::-moz-selection {
background:#;
color:#;
}

::selection {
background:#;
color:#;
}

/** SCROLLBAR **/
::-webkit-scrollbar {
width:9px;
height:3px;
background:#;
}

::-webkit-scrollbar-thumb {
background-color:#;
}

/** LINKS **/
a {
color:#000; /** change the link colors here **/
text-decoration:none;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
}

a:hover {
opacity:0.7;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
}

#s-m-t-tooltip{
position:absolute;
margin-top: 15px;
z-index:9999;
text-transform:uppercase;
background:#fff;
border:1px solid #ddd;
color:#000;
padding:5px;
vertical-align:middle;
font-size:8.5px;
}

.header {
width:400px;
max-width:400px;
display:block;
padding:10px;
border:1px solid #ddd;
background:#fff;
text-align:center;
margin:auto;
margin-top:100px;
margin-bottom:5px;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
}

.links {
width:400px;
max-width:400px;
display:block;
padding:10px;
border:1px solid #ddd;
background:#fff;
text-align:center;
margin:auto;
text-transform:uppercase;
font-size:11px;
}

.links a {
display:inline-block;
margin-left:5px;
color:#000;
}

.links a:hover {
color:#ddd;
}

.container {
width:430px;
max-width:430px;
height:230px;
max-height:230px;
text-align:left;
margin:auto;
margin-bottom:5px;
overflow:none;
}

.container a {
width:185px;
display:inline-block;
padding:10px;
border:1px solid #ddd;
background:#fff;
margin-left:3px;
margin-top:3px;
text-align:center;
}

#container img{
margin-left:5px;
width:50px;
padding:10px;
display:block;
}

/** CREDIT, DON'T TOUCH **/
.c a{font-family:Verdana;font-size:9px;bottom:7px;right:7px;position:fixed;font-weight:bold;text-transform:uppercase;color:#000;text-align:justify;text-decoration:none;letter-spacing:15px;margin-right:-270px;}
.c a:hover{color:#006899;letter-spacing:0;margin-right:0;}

</style>
</head>
<body>

<div class="header">
LINKS
</div>

<div class="container">
    <a href="/">link</a>
    <a href="/">link</a>
    <a href="/">link</a>
    <a href="/">link</a>
    <a href="/">link</a>
    <a href="/">link</a>
    <a href="/">link</a>
    <a href="/">link</a>
    <a href="/">link</a>
    <a href="/">link</a>
    <a href="/">link</a>
    <a href="/">link</a>
</div>

<div class="links">
    <a href="/">back</a>
    <a href="/ask">ask</a>
    <a href="/">link 1</a>
    <a href="http://tumblr.com">dashboard</a>
</div>

<div class="c"><a href="/">© hydrathemes</a></div>

</body>