Icons Page

<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>
<link href='https://fonts.googleapis.com/css?family=Cantarell:400,400italic,700,700italic' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="{Favicon}"/>

<title>Welcome to my Icons Page</title>

<style type="text/css">

a{
    color:pink;
    text-decoration:none;
    -webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
a:hover{
        color:black;
       -webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
body{
overflow-x:hidden;
cursor:crosshair;
color:#888;
font-family:'Open Sans',Arial,Helvetica,sans-serif;
font-size:10px;
background: #f6f6f6 url("") fixed;
}

::-webkit-scrollbar {height:5px; width:2px;}
::-webkit-scrollbar-track-piece {background-color:#f6f6f6;}
::-webkit-scrollbar-thumb {background-color:#141414;}

#top1 { position:fixed; width:auto; height:auto; letter-spacing: 1px; right:20px; bottom:20px; padding:8px; font-size:35px; font-family:Lovers Quarrel; line-height:14px; text-align:right; z-index:99;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
text-shadow:none;
}
#top1:hover {
    -webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
text-shadow:none;
}

.boxs {
border:1px solid #eee; background:#fff; float:left; margin-left:-1px; margin-top:-1px; background:; height:50px; width:240px; padding:5px;
}

.favi {
 width:50px; height:50px; float:center; background:transparent; margin-bottom:5px;
}

.favi img{
float:center;
}

#sidetitle {
background:#fff; color:#141414; text-align:left; float:left; text-transform:lowercase; font-style:italic; padding:20px; width:539px; margin-left:55px; font-size:15px; margin-top:-61px; border:1px solid #eee;
}

#sidetitle a{
color:#141414;
}

.vt {
background:#fff; color:#141414; text-align:left; float:left; text-transform:lowercase; font-style:italic; padding:20px; width:600px; margin-left:-1px; margin-top:-21px; margin-bottom:20px; font-size:15px; border:1px solid #eee;

}

.vision {
width:640px; padding:0px; margin-left:auto; margin-right:auto; float:center; margin-bottom:100px; margin-top:10px; background:#fff; border:1px solid #eee;

}

.vision img {
width:130px; height:130px; margin-left:21px; margin-bottom:20px; margin-top:20px; -webkit-transition: all 3s ease-in-out; -moz-transition: all 3s ease-in-out; -ms-transition: all 3s ease-in-out; -o-transition: all 3s ease-in-out; transition: all 3s ease-in-out;

}

.vision img:hover{
-moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: all 3s ease-in-out; -moz-transition: all 3s ease-in-out; -ms-transition: all 3s ease-in-out; -o-transition: all 3s ease-in-out; transition: all 3s ease-in-out;
}

#s-m-t-tooltip{
max-width:300px; padding:10px; margin:20px 0px 0px 20px; background-color:#fff; border:1px solid #eee; font-family:calibri; font-size:8.5px; text-transform:uppercase; color:#888888; letter-spacing:1px; opacity:1; z-index:9999999999999999999;
}

b { color: #141414; !important; }
i { color: #141414 ;!important; }
u { border-bottom: 1px solid #141414; text-decoration:none;}

.cima {
width:640px; height:50px; padding:0px; margin-top:0px; margin-left:auto; margin-right:auto; float:center; background:#546;
}

.header {
padding:20px; width:600px; background:#fff; border:1px solid #eee; float:center; margin-left:auto; margin-right:auto; margin-top:80px; margin-bottom:100px; text-align:center;
}

.header a{
text-transform:uppercase; font-size:8px; font-weight:bold; margin-right:5px; color:#999;
}
.header a:hover {
color:black;
}

.title {
font-size:18px; text-align:center; text-transform:uppercase;
}

.border {
background:#eee; width:70px; height:2px; float:center; margin-left:auto; margin-right:auto; margin-bottom:10px;
}

.desc {
width:70%; float:center; margin-left:auto; margin-right:auto; margin-top:5px;
}

</style>

<div class="header">

<div class="title">

Icons Page

</div><div class="border"></div>

<a href="/">back</a>&nbsp;/&nbsp;
<a href="/ask">ask</a>&nbsp;/&nbsp;
<a href="/">link 1</a>&nbsp;/&nbsp;
<a href="/">link 2</a>

<div class="desc">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna.

</div></div>


<!-- BOX 1 STARTS HERE -->

<div class="cima"><div class="boxs">

<img class="favi" src="http://i.imgur.com/5dpYGvI.jpg">
<div id="sidetitle">

<a href="/" title="send ask if using">pink</a>

</div></div></div>


<div class="vision">

<img src="http://i.imgur.com/Zu2Dm1F.png">
<img src="http://i.imgur.com/JVnM3mI.jpg">
<img src="http://i.imgur.com/jBuUL5j.png">
<img src="http://i.imgur.com/DQrs5gY.jpg">

</div>

<!-- BOX 1 ENDS HERE -->


<!-- BOX 2 STARTS HERE -->

<div class="cima"><div class="boxs">

<img class="favi" src="http://i.imgur.com/ffddqmf.jpg">
<div id="sidetitle">

<a href="/" title="send ask if using">blue</a>

</div></div></div>


<div class="vision">

<img src="http://i.imgur.com/LC88jml.png">
<img src="http://i.imgur.com/iy7HlYg.jpg">
<img src="http://i.imgur.com/UmCb0vb.jpg">
<img src="http://i.imgur.com/3eMS3AO.jpg">

</div>

<!-- BOX 2 ENDS HERE -->


<!-- BOX 3 STARTS HERE -->

<div class="cima"><div class="boxs">

<img class="favi" src="http://36.media.tumblr.com/c16aeb3893fef7c53476383269cb1d09/tumblr_njhe1zx9Ip1s24di3o1_400.png">
<div id="sidetitle">

<a href="/" title="send ask if using">grunge</a>

</div></div></div>


<div class="vision">

<img src="http://40.media.tumblr.com/c9ed246f8353d2312a6cde9d6277f7f7/tumblr_njhe1zx9Ip1s24di3o2_400.png">
<img src="http://41.media.tumblr.com/de995a6ee2c597d798392198f247e9cb/tumblr_njhe1zx9Ip1s24di3o5_400.png">
<img src="http://41.media.tumblr.com/24a87700d78c86d9ded375a6c8593463/tumblr_njhe1zx9Ip1s24di3o6_400.png">
<img src="http://40.media.tumblr.com/0f49c5cec326a10c23e81ea5abc1d98b/tumblr_njhe1zx9Ip1s24di3o4_400.png">

</div>

<!-- BOX 3 ENDS HERE -->


<!-- BOX 4 STARTS HERE -->

<div class="cima"><div class="boxs">

<img class="favi" src="Icon category Url">

<div id="sidetitle"><a href="/" title="send ask if using">

category goes here

</a></div></div></div>


<div class="vision">

<img src="Icon Image Url">
<img src="Icon Image Url">
<img src="Icon Image Url">

<!-- for more images copy and paste this code -->
<img src="Icon Image Url">

</div>

<!-- BOX 4 ENDS HERE -->


<!--

***ANOTER****

TO CREATE A NEW CASH, COPY THE CODE OF WHERE THE CASE BEGINS, TO WHERE IT ENDS.

-->


<div id="top1">
<a href="http://amplamente.tumblr.com/" title="amplamente">Am</a>
</div>