Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <HTML>
- <!--
- theme by neon-themes, very first blogroll theme :) please dont steal.
- !-->
- <style>
- @font-face {
- font-family: 'Tom Daley';
- src: url('http://static.tumblr.com/gfiuv4c/AiFmfiupd/tomdaley.ttf') format('truetype');
- font-weight: normal;
- font-style: normal;
- }
- @font-face {
- font-family: 'titlefont';
- src: url('http://static.tumblr.com/gfiuv4c/jJgmfiu93/accent.ttf') format('truetype');
- font-weight: normal;
- font-style: normal;
- }
- @keyframes texxy
- {
- 0% {
- font-size: 12px;
- }
- 25% {
- font-size: 15px;
- }
- 50% {
- font-size: 18px;
- }
- 75% {
- font-size: 22px;
- }
- 100% {
- font-size: 26px;
- }
- }
- @-webkit-keyframes texxy
- {
- 0% {
- font-size: 12px;
- }
- 25% {
- font-size: 15px;
- }
- 50% {
- font-size: 18px;
- }
- 75% {
- font-size: 22px;
- }
- 100% {
- font-size: 26px;
- }
- }
- @-moz-keyframes texxy
- {
- 0% {
- font-size: 12px;
- }
- 25% {
- font-size: 15px;
- }
- 50% {
- font-size: 18px;
- }
- 75% {
- font-size: 22px;
- }
- 100% {
- font-size: 26px;
- }
- }
- @-webkit-keyframes bounceInUp {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(2000px);
- }
- 60% {
- opacity: 1;
- -webkit-transform: translateY(-30px);
- }
- 80% {
- -webkit-transform: translateY(10px);
- }
- 100% {
- -webkit-transform: translateY(0);
- }
- }
- @-moz-keyframes bounceInUp {
- 0% {
- opacity: 0;
- -moz-transform: translateY(2000px);
- }
- 60% {
- opacity: 1;
- -moz-transform: translateY(-30px);
- }
- 80% {
- -moz-transform: translateY(10px);
- }
- 100% {
- -moz-transform: translateY(0);
- }
- }
- @-o-keyframes bounceInUp {
- 0% {
- opacity: 0;
- -o-transform: translateY(2000px);
- }
- 60% {
- opacity: 1;
- -o-transform: translateY(-30px);
- }
- 80% {
- -o-transform: translateY(10px);
- }
- 100% {
- -o-transform: translateY(0);
- }
- }
- @keyframes bounceInUp {
- 0% {
- opacity: 0;
- transform: translateY(2000px);
- }
- 60% {
- opacity: 1;
- transform: translateY(-30px);
- }
- 80% {
- transform: translateY(10px);
- }
- 100% {
- transform: translateY(0);
- }
- }
- .bounceInUp {
- -webkit-animation-name: bounceInUp;
- -moz-animation-name: bounceInUp;
- -o-animation-name: bounceInUp;
- animation-name: bounceInUp;
- }
- @-webkit-keyframes pulse {
- 0% { -webkit-transform: scale(1); }
- 50% { -webkit-transform: scale(1.1); }
- 100% { -webkit-transform: scale(1); }
- }
- @-moz-keyframes pulse {
- 0% { -moz-transform: scale(1); }
- 50% { -moz-transform: scale(1.1); }
- 100% { -moz-transform: scale(1); }
- }
- @-o-keyframes pulse {
- 0% { -o-transform: scale(1); }
- 50% { -o-transform: scale(1.1); }
- 100% { -o-transform: scale(1); }
- }
- @keyframes pulse {
- 0% { transform: scale(1); }
- 50% { transform: scale(1.1); }
- 100% { transform: scale(1); }
- }
- .pulse {
- -webkit-animation-name: pulse;
- -moz-animation-name: pulse;
- -o-animation-name: pulse;
- animation-name: pulse;
- }
- </style>
- <title>Blogroll</title>
- <link rel="shortcut icon" href="{Favicon}" />
- <style type="text/css">
- body{
- background-color: #fff;
- font-family:arial;
- font-size:10px;
- line-height: 120%;
- text-align:justify;
- }
- a:link, a:active, a:visited{
- color: #3e3e3e;
- padding: 0 2px;
- text-decoration: none;
- }
- a:hover{
- background: transparent;
- color: #3e3e3e;
- }
- #content {
- margin-left:200px;
- width:800px;
- top:50px;
- background: #fff; }
- #entries {
- width:600px;
- margin: 10px auto 10px;
- padding:10px;
- margin-bottom:50px;
- margin-top:40px;
- }
- #entries img{
- opacity:.8;
- -webkit-transition-duration:.7s;
- }
- #entries img:hover{
- opacity:2;
- -webkit-transform: scale(1.2);
- -webkit-box-shadow: -8px 23px 14px rgba(50, 50, 50, 0.86);
- -moz-box-shadow: -8px 23px 14px rgba(50, 50, 50, 0.86);
- box-shadow: -8px 23px 14px rgba(50, 50, 50, 0.86); -webkit-animation: pulse 2s;
- -moz-animation: pulse 2s;
- -ms-animation: pulse 2s;
- -webkit-transition: 0.2s ease-in;
- }
- #entries img {
- border: 1px solid #f7f7f7;
- padding: 2px;
- width:64px;
- height:64px;
- }
- #entries img:hover {
- width:64px;
- height:64px;
- }
- .barholder{
- -webkit-animation: bounceInUp 2s;
- -moz-animation: bounceInUp 2s;
- -ms-animation: bounceInUp 2s;
- margin-left: 1000px;
- height: 100%;
- width: 45px;
- background-color: #56A5EC;
- margin-top: -40px;
- position: fixed;
- }
- .volleyball{
- width: 100px;
- height: 100px;
- border-radius: 100px;
- margin-left: -25px;
- border: 8px double #A3A3A3;
- margin-top: 150%;
- -webkit-transition: 0.5s;
- overflow: hidden;
- }
- .volleyball img{
- width: 100px;
- height: 100px;
- border-radius: 100px;
- }
- .volleyball:hover{
- -webkit-transform: scale(1.2);
- -webkit-transition: 0.7s;
- }
- .boxxy{
- font-family: Tom Daley;
- font-size: 26px;
- border-radius: 5px;
- margin-top: -60%;
- opacity: 0;
- line-height: 22px;
- width: 100%;
- background: #fff;
- color: #000;
- height: 22px;
- text-align: center;
- font-size: 20px;
- -webkit-transition: 0.7s;
- position: absolute;
- }
- .volleyball:hover .boxxy{
- font-family: Tom Daley;
- -webkit-animation: texxy 2s;
- -moz-animation: texxy 2s;
- -ms-animation: texxy 2s;
- -webkit-transform: rotate(360deg);
- opacity: 0.8;
- -webkit-transition: 0.7s;
- }
- .cheerleading{
- -webkit-animation: bounceInUp 2s;
- -moz-animation: bounceInUp 2s;
- -ms-animation: bounceInUp 2s;
- text-align: center;
- margin-top: 3%;
- width: 185px;
- font-family: titlefont;
- font-size: 36px;
- height: 30px;
- line-height: 30px;
- padding-left: 5px;
- padding-right: 5px;
- padding-top: 5px;
- padding-bottom: 10px;
- margin-left: -75px;
- background-color: #56A5EC;
- position: fixed;
- }
- </style>
- </div>
- <div class="barholder">
- <div class="cheerleading">Links</div>
- <div class="volleyball"><img src="{PortraitURL-128}"><div class="boxxy"><a href="/">Home</a></div></div>
- <div class="volleyball" style="margin-top: 20%;"><img src="http://24.media.tumblr.com/tumblr_mdy7qhEqiI1rl9xebo1_500.png"><div class="boxxy"><a href="/ask">Message</a></div></div>
- <div class="volleyball" style="margin-top: 40%;"><img src="http://24.media.tumblr.com/tumblr_mdzjkatCK71rl9xebo1_500.jpg"><div class="boxxy"><a href="http://tumblr.com/dashboard">Dashboard</a></div></div>
- <div class="volleyball" style="margin-top: 80%;"><img src="http://25.media.tumblr.com/tumblr_mdy7xlcinP1rl9xebo1_500.gif"><div class="boxxy"><a href="http://neon-themes.tumblr.com/">Theme</a></div></div>
- </div>
- <div id="content">
- <div id="entries" >
- <center>
- {block:Following}{block:Followed}<a target="_blank" href="{FollowedURL}" title="{FollowedTitle}"><img src="{FollowedPortraitURL-64}" />{/block:Followed}{/block:Following}
- </center> </div></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement