theme - partners #1

<html>
<head>

 <! - - - - - - - - - - - - - - - - - - - - - - - - - -
                  new theme ♡
                      theme by oficinadehtml.tumblr.com
                          @hollandsrod3n
- - - - - - - - - - - - - - - - - - - - - - - - - - !>

<title>{title}</title>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

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

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

<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:0,

tip_fade_speed:0,

attribute:"title"

});

});

})(jQuery);

</script>
</head>

<style type="text/css">

body{font-family:'arvil'; font-size: 11px;color: #696969;background: url('');background-color:#fff;background-attachment:fixed;line-height: 13px;text-align:justify;}

#content{margin: auto;margin-bottom: 15px;z-index:4;width:550px;margin-top:20px;text-align:justify;}

b, strong { color: #CEB7C4;}
u, underline {color:#D2D2D2;  border-bottom: 1px dashed #E0D0D9; text-decoration: none;}
i { color: #E5E5E5;}
s, strike { color: #D7EEEE;}
a {color:#b5b5b5; text-decoration:none; font-family:arial; font-size:9px; font-style:italic;}
a:hover{color:#b5b5b5;text-decoration:none;}

.caixa{padding: 10px;margin-top: 20px;text-align:justify; border:0px double #fff; text-decoration:uppercase; border-top:0px solid #eee;}

.banner {;width:550px; height:40px; text-align:center; margin-top:100px; font-size:12px; font-family:arial; letter-spacing:2px; font-size:9px;}

.icons{border: 1px solid #b5b5b5; margin: 1px; width: 100px; height:100px; opacity: 0.9; -webkit-transition: all 1s ease; background:#fff; padding:5px; filter:gray; -webkit-filter: grayscale(0%);}
.icons:hover{ opacity:0.4; filter:gray; -webkit-filter: grayscale(0%);}

letra{font-family:arial; font-size:52px; letter-spacing:1px; font-weight:bold; text-align:center; font-style:italic;}

#s-m-t-tooltip {
    max-width:150px;
    padding:5px 10px 5px 10px;
    margin:20px 14px 7px 10px;
    border:1px solid #fff; /* change the border color */
    background-color:#fff; /* change the background color */
    font-family:Calibri; /* change the font */
    font-style: normal;
    font-size:10px; /* change the font size */
    line-height:11px;
    letter-spacing:1px; /* change the letter spacing */
    text-transform:uppercase; /* can be uppercase, lowercase, none*/
    color:#999; /* change the text color */
    z-index:999;
}

.menul { float:left; width:49%; text-align:justify; }
.menur { float:right; width:49%; text-align:justify; }
.tempo { padding:1px; margin:1px; clear:both; }

.line1 {border-top:1px solid #eee; font-family:arial; font-size:9px; display : block; border-bottom:1px solid #eee; margin-top:15px; padding-left:100px; letter-spacing:2px; -webkit-transition-duration:.8s; font-style:italic; text-align:justify; padding-right:5px; border-right:1 solid #eee;}

.titel {display : block; border-bottom:0px solid #eee; margin-bottom:-10px; padding-left:5px; -webkit-transition-duration:.8s; font-family:arial; font-size:22px; letter-spacing:1px; font-weight:bold; text-align:right; font-style:italic; }

.titel:hover {letter-spacing:-1px; }

.e {text-align:center; padding-left:0px; margin-top:-10px; font-family:arial; letter-spacing:1px; font-weight:bold;}

.imgs {padding:3px; border:4px double #eee; width:80px; height:80px; opacity:0.8; filter:gray; -webkit-filter: grayscale(0%); -webkit-transition-duration:.8s; background:#fff;}

.imgs:hover {opacity:1.0; filter:gray; -webkit-filter: grayscale(0%);}

</head>
</style>

<body>


<div style="position: fixed; bottom: 10px; right: 10px; border: thin solid #aaa; padding:3px;"><a href="http://oficinadehtml.tumblr.com/" title="theme by @hollandsrod3n">©</a></div>

<div id="pagina"><center><div id="content">
<div class="banner">


<letra>partnership</letra><br><br>

<div class="e"><a href="/">get back</a> // <a href="http://www.tumblr.com/dashboard">dashborad</a></div>

</div>

<div class="menul">
<div class="caixa">

<div class="titel"> ☆ partner 1 </div>

<img src="https://31.media.tumblr.com/43f78042e868bc62261262c6ac5696d0/tumblr_inline_n1ie9jgt171qj92se.png" class="imgs" align="left">

<div class="line1"> you can put here a description, things like that or not here, don't write more than 6 lines you loser! seriously, only 6 lines, xoxo ♥ </div>


</div></div>


<div class="menur">
<div class="caixa">

<div class="titel"> ☆ partner 2 </div>

<img src="https://31.media.tumblr.com/84d8c061f6f033ef377eb9341a1cf42a/tumblr_inline_n1ieaqYeZ31qj92se.png" class="imgs" align="left">

<div class="line1"> you can put here a description, things like that or not here, don't write more than 6 lines you loser! seriously, only 6 lines, xoxo ♥ </div>

</div></div>


<div class="menul">
<div class="caixa">

<div class="titel"> ☆ partner 3 </div>

<img src="https://31.media.tumblr.com/a4fa3ce4cae82fcdef94746607071bd2/tumblr_inline_n1ieb1p1pR1qj92se.png" class="imgs" align="left">

<div class="line1"> you can put here a description, things like that or not here, don't write more than 6 lines you loser! seriously, only 6 lines, xoxo ♥ </div>

</div></div>


<div class="menur">
<div class="caixa">

<div class="titel"> ☆ partner 4 </div>

<img src="https://31.media.tumblr.com/9d0f9dc029a77f2ce5c475e392ba99a2/tumblr_inline_n1iea0qn0s1qj92se.png" class="imgs" align="left">

<div class="line1"> you can put here a description, things like that or not here, don't write more than 6 lines you loser! seriously, only 6 lines, xoxo ♥ </div>

</div></div>


<div class="menul">
<div class="caixa">

<div class="titel"> ☆ partner 5 </div>

<img src="https://31.media.tumblr.com/8b8119aec9c2533f83d536d0e6d907f4/tumblr_inline_n1ie9sjISR1qj92se.png" class="imgs" align="left">

<div class="line1"> you can put here a description, things like that or not here, don't write more than 6 lines you loser! seriously, only 6 lines, xoxo ♥ </div>

</div></div>


<div class="menur">
<div class="caixa">

<div class="titel"> ☆ partner 6 </div>

<img src="https://31.media.tumblr.com/b7f804f38962572e343e733ab63bb540/tumblr_inline_n1ie9a2vHx1qj92se.png" class="imgs" align="left">

<div class="line1"> you can put here a description, things like that or not here, don't write more than 6 lines you loser! seriously, only 6 lines, xoxo ♥ </div>

</div></div>


<div class="tempo">  </div>

</center></div>
</div></body></html>